Wsparcie » Używanie i konfiguracja WordPressa » Menu Główne – Dostosowanie

Viewing 6 replies - 1 through 6 (of 6 total)
  • Odszukaj w pliku style.css klasę .main-nav i dodaj tam te zaokrąglone rogi + overflow: hidden, jak na poniższym przykładzie

    .main-nav {
        border-radius: 3px;
        overflow: hidden;
    }
    Thread Starter KaMaZzI

    (@kamazzi)

    style.css

    /*
    Theme Name: Responsive
    Theme URI: http://cyberchimps.com/responsive-theme/
    Description: Responsive Theme is a flexible foundation with fluid grid system that adapts your website to mobile devices and the desktop or any other viewing environment. Theme features 9 Page Templates, 11 Widget Areas, 6 Template Layouts, 4 Menu Positions and more. Powerful but simple Theme Options for full CMS control with easy Logo Upload, Social Networking and Webmaster Tools etc. Responsive is WooCommerce Compatible, Multilingual Ready (WPML), RTL-Language Support, Retina-Ready, Search Engine Friendly, W3C Markup Validated and currently translated into 45 languages. Cross-Browser compatible. <a href="http://cyberchimps.com/forum/free/responsive/">Official support forum</a> (http://cyberchimps.com/forum/free/responsive/)
    Author: CyberChimps.com
    Author URI: http://cyberchimps.com
    Version: 1.9.6.8
    Tags: white, black, gray, light, custom-menu, custom-header, custom-background, one-column, two-columns, left-sidebar, right-sidebar, theme-options, threaded-comments, full-width-template, sticky-post, translation-ready, rtl-language-support, responsive-layout, fluid-layout
    License: GNU General Public License v2 or later
    License URI: http://www.gnu.org/licenses/gpl-2.0.html
    Text Domain: responsive
    
    Responsive WordPress Theme, Copyright (C) 2003-2014 Emil Uzelac, CyberChimps Inc
    
    --------------------------------------------------------------
    WARNING: (BEFORE YOU MAKE ANY CHANGES)
    --------------------------------------------------------------
    Please do not edit style.css or any other Theme files or
    Templates directly. If you do, your customizations will be lost
    as soon as you update Responsive.
    
    WordPress and CyberChimps highly recommends Child Theme.
    
    Read More:
    
    - http://codex.wordpress.org/Child_Themes
    - http://cyberchimps.com/guide/child-theme-example/
    - http://cyberchimps.com/guide-tags/child-theme-2/
    
    */

    Chyba muszę napisać dokładniej:
    1. Otwórz katalog swojego aktywnego motywu.
    2. Otwórz pierwszy napotkany plik z rozszerzeniem CSS
    3. Sprawdź czy siedzi w nim klasa .main-nav
    a) jest – dodaj dwie, podane przeze mnie wcześniej linijki
    b) nie ma – zamknij plik. Otwórz kolejny plik z rozszerzeniem CSS i powtórz cały krok 3.

    Albo nie szukaj, wklej to co podałem na końcu style.css. Jak nie zadziała spróbuj dodać !important.

    Thread Starter KaMaZzI

    (@kamazzi)

    Niestety nadal nic się nie dzieje, w FTP jedyne pliki jakie znalazłem to:
    rtl.css

    /*
    Theme Name: Responsive
    Theme URI: http://themeid.com/responsive-theme/
    Description: Adding support for language written in a Right To Left (RTL) direction.
    
    Version: 0.7
    Author: Hesaam Farhang and Ulrich Pogson
    Author URI: http://cyberchimps.com/guide/why-should-i-translate-responsive/
    
    Copyright (C) 2014 CyberChimps
    Copyright (C) 2013 Hesaam Farhang
    License: GNU General Public License, version 3 (GPLv3)
    License URI: license.txt
    
    NOTE: DO NOT EDIT THIS FILE, IF YOU DO IT WILL BE OVERWRITTEN BY THE NEXT UPDATE. CREATE CHILD THEME INSTEAD.
    
    See: http://codex.wordpress.org/Right_to_Left_Language_Support
         http://cyberchimps.com/guide/why-should-i-translate-responsive/
    
    CSS Rules: Sorted alphabetically for better organization.
    */
    
    /* =Base
    -------------------------------------------------------------- */
    body {
    	direction: rtl;
    	unicode-bidi: embed;
    }
    
    /* =Typography
    -------------------------------------------------------------- */
    
    /* =Responsive 12 Column Grid
    -------------------------------------------------------------- */
    .grid {
    	float: right;
    }
    
    .col-60,
    .col-140,
    .col-220,
    .col-300,
    .col-380,
    .col-460,
    .col-540,
    .col-620,
    .col-700,
    .col-780,
    .col-860 {
    	margin-left: 2.127659574468%;
    	margin-right: 0;
    }
    
    .rtl-fit {
    	margin-left: 0 !important;
    	margin-right: 0 !important;
    }
    
    /* =Templates
    -------------------------------------------------------------- */
    .page-template-content-sidebar-page-php .col-60,
    .page-template-content-sidebar-page-php .col-140,
    .page-template-content-sidebar-page-php .col-220,
    .page-template-content-sidebar-page-php .col-300,
    .page-template-content-sidebar-page-php .col-380,
    .page-template-content-sidebar-page-php .col-460,
    .page-template-content-sidebar-page-php .col-540,
    .page-template-content-sidebar-page-php .col-620,
    .page-template-content-sidebar-page-php .col-700,
    .page-template-content-sidebar-page-php .col-780,
    .page-template-content-sidebar-page-php .col-860,
    .page-template-content-sidebar-half-page-php .col-60,
    .page-template-content-sidebar-half-page-php .col-140,
    .page-template-content-sidebar-half-page-php .col-220,
    .page-template-content-sidebar-half-page-php .col-300,
    .page-template-content-sidebar-half-page-php .col-380,
    .page-template-content-sidebar-half-page-php .col-460,
    .page-template-content-sidebar-half-page-php .col-540,
    .page-template-content-sidebar-half-page-php .col-620,
    .page-template-content-sidebar-half-page-php .col-700,
    .page-template-content-sidebar-half-page-php .col-780,
    .page-template-content-sidebar-half-page-php .col-860 {
    	margin-left: 0;
    	margin-right: 2.127659574468%;
    	float: left;
    }
    
    .page-template-sidebar-content-page-php .fit,
    .page-template-sidebar-content-half-page-php .fit {
    	margin-left: 2.127659574468% !important;
    }
    
    /* =Links
    -------------------------------------------------------------- */
    
    /* =Forms
    -------------------------------------------------------------- */
    
    /* =Tables
    -------------------------------------------------------------- */
    
    /* =Lists
    -------------------------------------------------------------- */
    ol,
    ul {
    	margin-right: 2.35em;
    }
    
    /* =Blockquote
    -------------------------------------------------------------- */
    
    /* =Headings
    -------------------------------------------------------------- */
    
    /* =Margins & Paddings
    -------------------------------------------------------------- */
    
    /* =Globals
    -------------------------------------------------------------- */
    
    /* =Header
    -------------------------------------------------------------- */
    #header #logo {
    	float: right;
    }
    
    /* =Content
    -------------------------------------------------------------- */
    
    /* =Author Meta (Author's Box)
    -------------------------------------------------------------- */
    #author-meta img {
    	float: right;
    }
    
    /* =Featured Content
    -------------------------------------------------------------- */
    
    /* =Post
    -------------------------------------------------------------- */
    
    /* =Widgets
    -------------------------------------------------------------- */
    #widgets ul li {
    	margin-right: 10px;
    }
    
    #widgets .widget-title img {
    	float: left;
    }
    
    .top-widget {
    	clear: left;
    	float: left;
    	text-align: left;
    }
    
    /* =Titles
    -------------------------------------------------------------- */
    .widget-title h3,
    .widget-title-home h3 {
    	text-align: right;
    }
    
    /* =Top Menu
    -------------------------------------------------------------- */
    .top-menu {
    	float: left;
    }
    
    .top-menu li {
    	float: right;
    }
    
    .top-menu > li:first-child > a {
    	border-right: medium none;
    	padding: 0 0 0 8px;
    }
    
    .top-menu li a {
    	border-right: 1px solid #cccccc;
    	border-left: medium none;
    }
    
    /* =Primary Menu
    -------------------------------------------------------------- */
    .menu ul {
    	right: 0;
    	left: auto
    }
    
    .menu li li:hover > ul {
    	left: auto;
    	right: 100%;
    }
    
    .menu li {
    	float: right;
    }
    
    .menu > li:first-child > a {
    	border-left: 1px solid #585858;
    }
    
    .menu > li:last-child > a {
    	border-left: medium none;
    }
    
    /* =Sub Header Menu
    -------------------------------------------------------------- */
    .sub-header-menu li {
    	float: right;
    }
    
    .sub-header-menu > li:first-child > a {
    	border-right: medium none;
    }
    
    .sub-header-menu a {
    	border-right: 1px solid #e2e2e2;
    	border-left: medium none;
    }
    
    .sub-header-menu ul {
    	right: 0;
    	left: auto;
    }
    
    .sub-header-menu li li:hover > ul {
    	left: auto;
    	right: 100%;
    }
    
    /* =Footer Menu
    -------------------------------------------------------------- */
    .footer-menu {
    	margin: 0;
    }
    
    .footer-menu li {
    	float: right;
    }
    
    .footer-menu > li:first-child > a {
    	border-right: medium none;
    	padding: 0 0 0 8px;
    }
    
    .footer-menu li a {
    	border-right: 1px solid #cccccc;
    	border-left: medium none;
    }
    
    /* =Navigation
    -------------------------------------------------------------- */
    .navigation .next {
    	float: left;
    }
    
    .navigation .previous {
    	float: right;
    }
    
    /* =Responsive Menu
    -------------------------------------------------------------- */
    .sb-toggle {
    	left: 0;
    	right: auto;
    }
    
    /* =Pagination (pages)
    -------------------------------------------------------------- */
    
    /* =Comments
    -------------------------------------------------------------- */
    #comments,
    #pings {
    	text-align: right;
    }
    
    /* =Gallery
    -------------------------------------------------------------- */
    .gallery .gallery-item {
    	float: right;
    }
    
    /* =Footer
    -------------------------------------------------------------- */
    .powered {
    	text-align: left;
    }
    
    .copyright {
    	text-align: right;
    }
    
    /* =Social Icons
    -------------------------------------------------------------- */
    #footer .social-icons {
    	text-align: left;
    }
    
    #footer .twitter-icon,
    #footer .youtube-icon,
    #footer .facebook-icon,
    #footer .linkedin-icon,
    #footer .rss-feed-icon,
    #footer .google-plus-icon,
    #footer .stumble-upon-icon,
    #footer .instagram-icon,
    #footer .pinterest-icon {
    	padding-right: 3px;
    	padding-left: 0;
    }
    
    /* =Media Print
    -------------------------------------------------------------- */
    @media print {
    
    	h1 {
    		page-break-before: always;
    	}
    
    	h1,
    	h2,
    	h3,
    	h4,
    	h5,
    	h6 {
    		page-break-after: avoid;
    	}
    
    	ul,
    	ol,
    	dl {
    		page-break-before: avoid;
    	}
    }
    
    /* =Responsive Design
        Media Queries
        If you're working on a Child Theme, make sure that all
        media queries are included in your style.css
    -------------------------------------------------------------- */
    @media screen and (max-width: 980px) {
    
    	body {
    	}
    
    	.grid,
    	.grid-right {
    		float: none;
    	}
    
    	.copyright,
    	.scroll-top,
    	.powered {
    		float: right;
    	}
    
    	.page-template-content-sidebar-page-php .col-60,
    	.page-template-content-sidebar-page-php .col-140,
    	.page-template-content-sidebar-page-php .col-220,
    	.page-template-content-sidebar-page-php .col-300,
    	.page-template-content-sidebar-page-php .col-380,
    	.page-template-content-sidebar-page-php .col-460,
    	.page-template-content-sidebar-page-php .col-540,
    	.page-template-content-sidebar-page-php .col-620,
    	.page-template-content-sidebar-page-php .col-700,
    	.page-template-content-sidebar-page-php .col-780,
    	.page-template-content-sidebar-page-php .col-860,
    	.page-template-content-sidebar-half-page-php .col-60,
    	.page-template-content-sidebar-half-page-php .col-140,
    	.page-template-content-sidebar-half-page-php .col-220,
    	.page-template-content-sidebar-half-page-php .col-300,
    	.page-template-content-sidebar-half-page-php .col-380,
    	.page-template-content-sidebar-half-page-php .col-460,
    	.page-template-content-sidebar-half-page-php .col-540,
    	.page-template-content-sidebar-half-page-php .col-620,
    	.page-template-content-sidebar-half-page-php .col-700,
    	.page-template-content-sidebar-half-page-php .col-780,
    	.page-template-content-sidebar-half-page-php .col-860 {
    		float: none;
    	}
    
    	#featured-image .fluid-width-video-wrapper {
    		margin: 20px 0 0 0;
    	}
    }
    
    @media screen and (max-width: 650px) {
    
    	body {
    	}
    
    	#logo {
    		float: none;
    		text-align: center;
    	}
    
    	.grid,
    	.grid-right {
    		float: none;
    	}
    
    	.page-template-content-sidebar-page-php .col-60,
    	.page-template-content-sidebar-page-php .col-140,
    	.page-template-content-sidebar-page-php .col-220,
    	.page-template-content-sidebar-page-php .col-300,
    	.page-template-content-sidebar-page-php .col-380,
    	.page-template-content-sidebar-page-php .col-460,
    	.page-template-content-sidebar-page-php .col-540,
    	.page-template-content-sidebar-page-php .col-620,
    	.page-template-content-sidebar-page-php .col-700,
    	.page-template-content-sidebar-page-php .col-780,
    	.page-template-content-sidebar-page-php .col-860,
    	.page-template-content-sidebar-half-page-php .col-60,
    	.page-template-content-sidebar-half-page-php .col-140,
    	.page-template-content-sidebar-half-page-php .col-220,
    	.page-template-content-sidebar-half-page-php .col-300,
    	.page-template-content-sidebar-half-page-php .col-380,
    	.page-template-content-sidebar-half-page-php .col-460,
    	.page-template-content-sidebar-half-page-php .col-540,
    	.page-template-content-sidebar-half-page-php .col-620,
    	.page-template-content-sidebar-half-page-php .col-700,
    	.page-template-content-sidebar-half-page-php .col-780,
    	.page-template-content-sidebar-half-page-php .col-860 {
    		float: none;
    	}
    
    	#featured-image .fluid-width-video-wrapper {
    		margin: 20px 0 0 0;
    	}
    
    	.top-widget {
    		float: none;
    		text-align: center;
    		clear: right;
    	}
    
    	.js .menu,
    	.sub-header-menu {
    		display: none;
    	}
    
    	.top-menu,
    	.footer-menu li {
    		float: none;
    		text-align: center;
    	}
    
    	#footer {
    		text-align: center;
    	}
    
    	#footer .social-icons {
    		text-align: center;
    	}
    }
    
    @media screen and (max-width: 480px) {
    
    	body {
    	}
    
    	#logo {
    		float: none;
    		position: relative;
    		text-align: center;
    	}
    
    	.grid,
    	.grid-right {
    		float: none;
    	}
    
    	.page-template-content-sidebar-page-php .col-60,
    	.page-template-content-sidebar-page-php .col-140,
    	.page-template-content-sidebar-page-php .col-220,
    	.page-template-content-sidebar-page-php .col-300,
    	.page-template-content-sidebar-page-php .col-380,
    	.page-template-content-sidebar-page-php .col-460,
    	.page-template-content-sidebar-page-php .col-540,
    	.page-template-content-sidebar-page-php .col-620,
    	.page-template-content-sidebar-page-php .col-700,
    	.page-template-content-sidebar-page-php .col-780,
    	.page-template-content-sidebar-page-php .col-860,
    	.page-template-content-sidebar-half-page-php .col-60,
    	.page-template-content-sidebar-half-page-php .col-140,
    	.page-template-content-sidebar-half-page-php .col-220,
    	.page-template-content-sidebar-half-page-php .col-300,
    	.page-template-content-sidebar-half-page-php .col-380,
    	.page-template-content-sidebar-half-page-php .col-460,
    	.page-template-content-sidebar-half-page-php .col-540,
    	.page-template-content-sidebar-half-page-php .col-620,
    	.page-template-content-sidebar-half-page-php .col-700,
    	.page-template-content-sidebar-half-page-php .col-780,
    	.page-template-content-sidebar-half-page-php .col-860 {
    		float: none;
    	}
    
    	#featured-image .fluid-width-video-wrapper {
    		margin: 20px 0 0 0;
    	}
    
    	.featured-title {
    		font-size: 40px;
    		padding: 40px 20px 0 20px
    	}
    
    	.menu ul,
    	.menu li,
    	.top-menu,
    	.footer-menu li,
    	.sub-header-menu li {
    		float: none;
    		text-align: center;
    	}
    
    	#footer {
    		text-align: center;
    	}
    
    	#footer .social-icons {
    		text-align: center;
    	}
    }
    
    @media screen and (max-width: 320px) {
    
    	#featured p {
    		font-size: 12px;
    		line-height: 1.2em;
    	}
    
    	.featured-title {
    		font-size: 35px;
    	}
    
    	.featured-subtitle {
    		font-size: 15px;
    	}
    
    	.call-to-action a.button {
    		font-size: 14px;
    		padding: 7px 17px;
    	}
    }
    
    @media screen and (max-width: 240px) {
    
    	#featured p {
    		font-size: 11px;
    		line-height: 1.1em;
    	}
    
    	.featured-title {
    		font-size: 20px;
    	}
    
    	.featured-subtitle {
    		font-size: 11px;
    	}
    
    	.call-to-action a.button {
    		font-size: 12px;
    		padding: 5px 15px;
    	}
    }

    oraz style.css

    /*
    Theme Name: Responsive
    Theme URI: http://cyberchimps.com/responsive-theme/
    Description: Responsive Theme is a flexible foundation with fluid grid system that adapts your website to mobile devices and the desktop or any other viewing environment. Theme features 9 Page Templates, 11 Widget Areas, 6 Template Layouts, 4 Menu Positions and more. Powerful but simple Theme Options for full CMS control with easy Logo Upload, Social Networking and Webmaster Tools etc. Responsive is WooCommerce Compatible, Multilingual Ready (WPML), RTL-Language Support, Retina-Ready, Search Engine Friendly, W3C Markup Validated and currently translated into 45 languages. Cross-Browser compatible. <a href="http://cyberchimps.com/forum/free/responsive/">Official support forum</a> (http://cyberchimps.com/forum/free/responsive/)
    Author: CyberChimps.com
    Author URI: http://cyberchimps.com
    Version: 1.9.6.8
    Tags: white, black, gray, light, custom-menu, custom-header, custom-background, one-column, two-columns, left-sidebar, right-sidebar, theme-options, threaded-comments, full-width-template, sticky-post, translation-ready, rtl-language-support, responsive-layout, fluid-layout
    License: GNU General Public License v2 or later
    License URI: http://www.gnu.org/licenses/gpl-2.0.html
    Text Domain: responsive
    
    Responsive WordPress Theme, Copyright (C) 2003-2014 Emil Uzelac, CyberChimps Inc
    
    --------------------------------------------------------------
    WARNING: (BEFORE YOU MAKE ANY CHANGES)
    --------------------------------------------------------------
    Please do not edit style.css or any other Theme files or
    Templates directly. If you do, your customizations will be lost
    as soon as you update Responsive.
    
    WordPress and CyberChimps highly recommends Child Theme.
    
    Read More:
    
    - http://codex.wordpress.org/Child_Themes
    - http://cyberchimps.com/guide/child-theme-example/
    - http://cyberchimps.com/guide-tags/child-theme-2/
    
    */

    Korzystasz z tego motywu, tak?
    http://demos.cyberchimps.com/responsivepro/

    W demie w style.css jest klasa o której mówiłem, bo przecież sam tego nie wymyśliłem.

    Ale skoro nie ma, to musisz sam pogłówkować i znaleźć nazwę klasy bloku w którym to menu się znajduje.

    spróbuj na końcu tego pliku style.css dodać to:

    .menu{
      -moz-border-radius:3px;
      -webkit-border-radius:3px;
      border-radius:3px;
    }
    Thread Starter KaMaZzI

    (@kamazzi)

    Tak to ten styl, jak widać podałem CSS’y z katalogu stylu z FTP.
    Główkowałem, i bez skutku dlatego napisałem na tym forum.
    Nie mam już pomysłów dlatego zwracam się z prośbą o pomoc 🙂

Viewing 6 replies - 1 through 6 (of 6 total)
  • Temat ‘Menu Główne – Dostosowanie’ jest zamknięty na nowe odpowiedzi.