Wsparcie » Używanie i konfiguracja WordPressa » Menu Główne – Dostosowanie
Menu Główne – Dostosowanie
-
Witam, chciałbym zaokrąglić rogi i dostosować sobie Menu Główne do własnych potrzeb lecz nie mogę tego znaleźć. Posiadam fajny generator CSS lecz mam problem z wyszukaniem pliku w którym mógłbym to edytować.
Styl który posiadam to
Link
Dziękuję za pomoc i pozdrawiam 🙂
http://iv.pl/images/56904775449613125883.jpg
-
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; }
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.
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; }
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 🙂
- Temat ‘Menu Główne – Dostosowanie’ jest zamknięty na nowe odpowiedzi.