/* Theme Name: Divi Child Theme Template: Divi Theme URI: http://www.elegantthemes.com/gallery/divi/ Version: 01 Description: Smart. Flexible. Beautiful. Divi is the most powerful theme in our collection. Author: Elegant Themes & Andrzej Samulski - ScreenCut Studio Author URI: http://www.elegantthemes.com License: GNU General Public License v2 License URI: http://www.gnu.org/licenses/gpl-2.0.html */ /* FONT NOTES ================================================ OPEN SANS 300 - light (italic) 400 - normal (italic) 600 - semi bold (italic) 700 - bold (italic) 800 - extra bold (italic) ------------------------------------------------ OSWALD 300 - light 400 - normal 700 - bold ------------------------------------------------ PLAYFAIR DISPLAY 400 - normal (italic) 700 - bold (italic) 900 - ultra-bold (italic) ------------------------------------------------ ROBOTO 100 - thin (italic) 300 - light (italic) 400 - regular (italic) 500 - medium (italic) 700 - bold (italic) 900 - black (italic) ------------------------------------------------ ROBOTO CONDENSED 300 - light (italic) 400 - regular (italic) 700 - bold (italic) ------------------------------------------------ LATO (wg Google Fonts - oryg zawiera więcej styli) 100 - thin (italic) 300 - light (italic) 400 - regular (italic) 700 - bold (italic) 900 - black (italic) ------------------------------------------------ MONTSERRAT (wg Google Fonts - ALE DIVI ZAWIERA TYLKO 2 GRUBOŚCI: 400 i 700) 100 - thin (italic) 200 - extra light (italic) 300 - light (italic) 400 - regular (italic) - DIVI ZAWIERA 500 - medium (italic) 600 - semi-bold (italic) 700 - bold (italic) - DIVI ZAWIERA 800 - extra bold (italic) 900 - black (italic) ================================================ */ /* COLOR NOTES ================================================ JASNY GRAFIT = #626a70 JASNY GRAFIT = rgba(98, 106, 112, 0.75); CIEMNY GRAFIT = #565d62 BARDZO JASNY GRAFIT = #d0d9e0 (np w stopce) BARDZO JASNY GRAFIT = rgba(208, 217, 224, 0.8) CZERWONY = #e30613 ================================================ */ /* IMPORT ================================================================================================ */ @import url("../Divi/style.css"); /* TEMP ================================================================================================ */ /* WOOCOMMERCE BREADCRUMBS FIX - PROBLEM NA MAŁYCH EKRANACH - W NIEKTÓRYCH PRZYPADKACH DŁUGI BREADCRUMBS wychodzi poza erkan, co sprawia że strona przewija się w prawo - ALE TYLKO WTEDY KIEDY NAZWA JEST NA KRAWĘDZI - poniższe nie pomaga.... */ /*@media (max-width: 980px) { #left-area .woocommerce-breadcrumb { max-width: 100% !important; } }*/ /* LINKS ================================================================================================ */ a { transition: all .3s ease-out !important; } a:hover { opacity: 0.6; } /* BUTTONY */ a.et_pb_button:hover { opacity: 1 !important; } /* IKONA NA BUTTONIE NA HOVER */ .et_pb_button:before, .et_pb_button:after { color: #626a70; } /* dodaję to bo przez ułamek sek ikona robi się biała na hover */ /*BACK TO TOP BUTTON */ .et_pb_scroll_top.et-pb-icon { border-radius: 50%; background: rgba(98, 106, 112, 0.75); right: 6px; } /* HEADER, NAVIGATION ================================================================================================ */ /* FIX LOGO FOR MOBILE - żeby nie było zmniejszane */ @media (max-width: 980px) { .et_header_style_centered #logo { max-height: none !important; } } /* ZMNIEJSZENIE ODSTĘPÓW ABY GÓRNA BELKA NIE ZAJMOWAŁA TYLE MIEJSCA */ /* DESKTOP - Zmniejszenie dolnego padding nawigacji */ @media only screen and (min-width: 981px) { .et_header_style_centered #top-menu > li > a { padding-bottom: 15px !important; } } /* MOBILE */ @media (max-width: 980px) { .et_header_style_centered #main-header { padding: 18px 0; } .et_header_style_centered #et_mobile_nav_menu { margin-top: 18px; } } /* NAVI --------------------------------------------------------- */ #et-top-navigation { font-weight: 400; } #top-menu li { padding-right: 28px; } /* zwiekszenie odstępów bocznych */ /* ZWIĘKZENIE MIEJSCA NA TEKST POZYCJI MENU */ #top-menu li li { padding: 0 12px; } /* oryg: 0 20 */ #top-menu li li a { width: 216px; } /* oryg: 200px - więc jeśli powyżej zmniejszam paddding, to sumę muszę dodać do szerokości */ /* NA MOBILE AKTYWNE LINKI NIE SĄ WYRÓŻNIONE */ #mobile_menu li.current-menu-ancestor>a, #mobile_menu li.current-menu-item > a { color: #e30613; } /* 2 LEVEL NAVI --------------------------------------------------------- */ /* Zmniejszam line-height dla pozycji 2 wierszowych, dlatego zwiekszam padding górny i dolny żeby odstepny nie zmniejszyly się tak bardzo */ .nav li li { line-height: 1.5em; } #top-menu li li a { padding: 9px 20px; } .nav ul li a:hover, .et_mobile_menu li a:hover { background-color: rgba(98, 106, 112, 0.1); opacity: .85; } .et_mobile_menu .menu-item-has-children > a { background-color: rgba(98, 106, 112, 0.1); } /* SLIDER ================================================================================================ */ /* FULL SCREEN SLIDER - METODA 2020-04 - Trzeba by jeszcze wyrównać teksty na sliderze METODĄ FLEX! --------------------------------------------------------- */ .et_fullscreen_slider .et_pb_slides, .et_fullscreen_slider .et_pb_slide, .et_fullscreen_slider .et_pb_container { height: calc(100vh - 150px); } /* DLA MOBILE (inna wysokość header do odjęcia) */ @media only screen and (max-width: 980px) { .et_fullscreen_slider .et_pb_slides, .et_fullscreen_slider .et_pb_slide, .et_fullscreen_slider .et_pb_container { height: calc(100vh - 175px); } } /* STRZAŁKI SLIDERA */ .et-pb-slider-arrows a { border-radius: 50%; background: rgba(98, 106, 112, 0.75); } @media (max-width: 980px) { .et-pb-slider-arrows a { font-size: 38px; } } .et-pb-arrow-prev:before { position: relative; left: -2px; } /* wizualne wyrównanie lewej strzałki */ /* WYŁACZAM STRZAŁKI NA MNIEJSZYCH EKRANACH (TAKŻE GALERIA JAKO SLIDER) */ @media (max-width: 980px) { .et-pb-slider-arrows { display: none !important; } } /* ALE ZOSTAWIAM NA FULLSCREEN SLIDER */ @media (max-width: 980px) { .et_fullscreen_slider .et-pb-slider-arrows { display: block !important; } } /* TYTUŁY SLAJDÓW */ .et_pb_bg_layout_dark .et_pb_slide_description { text-shadow: 1px 2px 3px rgba(0, 0, 0, 0.4); } .et_pb_slide_description .et_pb_slide_title { font-weight: 600 !important; } /* NA MAŁYCH EKRANACH DIVI ZA BARDZO ZMNIESZJA TYTUŁY SLAJDÓW */ @media (max-width: 980px) { .et_pb_slider.et_pb_module .et_pb_slides .et_pb_slide_description .et_pb_slide_title { font-size: 40px; } } @media (max-width: 767px) { .et_pb_slider.et_pb_module .et_pb_slides .et_pb_slide_description .et_pb_slide_title { font-size: 34px; } } @media (max-width: 480px) { .et_pb_slider.et_pb_module .et_pb_slides .et_pb_slide_description .et_pb_slide_title { font-size: 30px; } } /* WIĘCEJ MIEJSCA NA TYTUŁ I PODTYTUŁ */ @media (max-width: 480px) { .et_pb_slider .et_pb_container { width: 100%; } } /* BUTTON - PODTYTUŁ SLAJDERA */ .et_pb_slide_description .et_pb_more_button, .et_pb_slide_description .et_pb_more_button:hover { font-weight: 400; line-height: 1.5em !important; padding-top: 0.4em; padding-bottom: 0.4em; } .et_pb_slide_description .et_pb_more_button:after { line-height: 0.9em } @media (max-width: 480px) { .et_pb_slide_description .et_pb_more_button { font-size: 16px; } /* WYŁĄCZAM ANIMACJE IKONY NA MAŁYCH EKRANACH */ .et_pb_slide_description .et_pb_more_button:after { display: none; } .et_pb_slide_description .et_pb_more_button:hover { padding-right: 1em; } } /* GALERIE --------------------------------------------------------- */ /* WYŁĄCZAM PODPISY POD ZDJĘCIAMI PO OTwARCIU ZDJĘĆ W LIGHTBOKSIE (Galeria jako slider) */ figcaption { display: none; } /* WIDGETS & FOOOTER ================================================================================================ */ /* TYTULY WIDGETÓW */ #main-footer .footer-widget h4 { color: #fff !important; } /* Kolor linków w widgetach z tel i mailem + w listach z linkami do podstron */ #footer-widgets .footer-widget a { color: #fff !important;} #footer-widgets .footer-widget li a, #footer-widgets .footer-widget li a:hover { color: #d0d9e0 !important; } /* kropka przy pozycjach menu */ .footer-widget li:before { border-color: #fff !important; } /* link w dolnym pasku (screencut) */ #footer-info a { font-weight: 400; } /* FIX - social icons na telefonach nie są wyśrodkowane bo pierwsza ikona też ma lewy margines - dzięki temu wszystkie ikony są wyśrodkowane */ .et-social-icons li:first-of-type {margin-left:0;} /* TYPOGRAPHY ================================================================================================ */ /* ZMIANY DLA FONTU MONTSERRAT, który regular ma 400, choć Divi nie zawiera wszystkich grubości tego fontu... */ body { font-weight: 400; } .et_pb_text_align_left p { text-align: justify; } /* PISANE Z WIELKICH LITER */ h1, .paragraph-title p, .woocommerce-loop-category__title, #main-footer .footer-widget h4 { text-transform: uppercase !important; }/* TYTUŁ KATEGORII NA STRONIE Z LISTĄ KATEGORII */ /* NAGŁÓWKI */ @media only screen and (min-width: 720px) { h1 { font-size: 30px; } /* h1 jako tytuł strony - na czarnym pasku ze zdjęciem robię większy - zdjęcia są dostosowane do takiego rozmiaru paska jaki wynika z rozmiaru nagłówka 40 px */ .et_pb_fullwidth_header_container h1 { font-size: 40px; } } /* NAGŁÓWKI H1 ZAMIENIONE NA AKAPIT POD SEO */ .paragraph-title p { font-size: 30px; color: #626a70; line-height: 1em; } /*strong { color: #626a70; }*/ h1, .paragraph-title p, strong { font-weight: 600; } h2, h3, h4, h5 { font-weight: 400; } /* ACCORDION --------------------------------------------------------- */ .et_pb_accordion .et_pb_toggle { margin-bottom: 18px !important; } .et_pb_toggle_content { text-align: justify; } /* ACCORDION - FIX WYRÓWNANI LIST NUMEROWANYCH (ol) - domyślnie DIVI nie daje odstępów na początku kolejnej linii tak jak dla ul. Ma to uzasadnienie - np przy galerii miniatur produktu - które są zbudowane w DIVI jako ol - wówczas nie ma zbędnego odstępu z lewej strony Na tej stronie ol stosuję póki co tylko w ACCORDION (strona AGB) więc mogę tak to wyselekcjonować */ .et_pb_accordion ol { list-style-position: initial !important; padding-left: 20px !important; } .et_pb_toggle_open h5.et_pb_toggle_title, .et_pb_toggle_close h5.et_pb_toggle_title { color: #626a70; } .et_pb_toggle_title:before { color: #626a70; } /* IKONY ROZWIJANIA */ /* PAGES =================================================================================================== */ /* HOMEPAGE --------------------------------------------------------- */ /* WYSOKOŚĆ MAPY */ .et_pb_map { height: 220px; } div.text-on-photo { background-color: transparent !important; } .text-on-photo h2 { padding-bottom: 0; } /* BLURB - KOLEKCJE */ .collections .et_pb_main_blurb_image { margin-bottom: 16px; } .collections h3 { font-size: 17px; } /* TYTUŁY STANDARDOWYCH STRON (TEKST NA PASKU ZE ZDJĘCIEM) --------------------------------------------------------- */ .et_pb_fullwidth_header_container h1 { padding: 5px 0; } .page-id-10008298 .et_pb_fullwidth_header_container h1 { padding: 0 0 10px; } /* DLA STRONY AGB, która ma jeszcze podtytuł */ @media (min-width: 981px) { .et_pb_fullwidth_header.et_pb_bg_layout_dark { background-size: contain; } } @media (max-width: 980px) { .et_pb_fullwidth_header .et_pb_fullwidth_header_container.center .header-content, .et_pb_fullwidth_header .et_pb_fullwidth_header_container { width: 100%; } } /* KOLOR TŁA PASKU Z TYTUŁEM (jasny tekst na ciemnym tle) */ .et_pb_bg_layout_dark { background-color: #565d62; } /* PODTYTUŁ (jak na stronie AGB) --------------------------------------------------------- */ .et_pb_fullwidth_header_subhead { text-transform: uppercase; line-height: 1; padding: 5px 0; border-top: 1px solid #fff; border-bottom: 1px solid #fff; letter-spacing: .1em; } /* WOOCOMMERCE etc... ========================================================================================================================================= ========================================================================================================================================= ========================================================================================================================================= */ /* DIVI COMMERCE PLUGIN ================================================================================================ */ /* FIX SZEROKOŚCI, ODSTĘPÓW ITD - domyślnie wszystko jest rozciągnięte na całą szerokość ekranu i są mega dziwne rzeczy z marginesami. Po nie jest wszystko na całą szerokość ekranu, ale nadal jest za szeroko i dziwne marginesy... (Muszę klasy z przodu żeby mieć przewagę nad stylami wtyczki) */ .single.et_pb_pagebuilder_layout.et_full_width_page #main-content .container { width: 80% !important; max-width: 1080px !important; padding-top: 58px !important; } body.woocommerce.single-product.et_pb_pagebuilder_layout.et_full_width_page #left-area { padding:0 !important; } body.woocommerce div.product .woocommerce-tabs .panel, body.woocommerce #content-area div.product .woocommerce-tabs .panel { padding: 30px 30px 0 !important; } body.woocommerce #content-area div.product .woocommerce-tabs #tab-description h2 { padding: 0 0 10px 0 !important; } body.woocommerce #content-area div.product .woocommerce-tabs .et_pb_row { width: auto !important; } body.woocommerce #content-area div.product .woocommerce-tabs .et_pb_section { padding-top: 0 !important; } /* WOOCOMMERCE - RÓŻNE, WSPÓLNE ================================================================================================ */ /* SPOSÓB NA DOMYŚLNY UKŁAD STRONY BEZ SIDEBARA - NA WSZYSTKIE STRONY WOOCOMMERCE W ONE NOTE mam wersję na strony TYLKO PRODUKTOWE - z innymi klasami na początku */ .woocommerce-page div#sidebar { display: none; } .woocommerce-page div#left-area { width: 100%; padding-right: 0; } .woocommerce-page #main-content .container:before { background: none; } /* BREADCRUMBS --------------------------------------------------------- */ .woocommerce-breadcrumb { font-size: 13px !important; } /* PRZECENA --------------------------------------------------------- */ .woocommerce span.onsale, .woocommerce-page span.onsale { background: #e30613 !important; font-size: 18px; /* ROZMIAR NA STRONIE PRODUKTU */ padding: 5px 15px !important; /* PADDING NA STRONIE PRODUKTU */ } .woocommerce ul.products li.product a:hover, .woocommerce-page ul.products li.product a:hover { opacity: 1 !important; } .woocommerce ul.products li.product .onsale, .woocommerce-page ul.products li.product .onsale { z-index: 10 !important; } /* PRZECENA nie znika za obrazkiem */ /* ANIMACJA - OBRÓT ZNACZKA NA HOVER + ROZMIAR + PADDING - NA LIŚCIE PRODUKTÓW */ .woocommerce ul.products li.product a .onsale, .woocommerce-page ul.products li.product a .onsale { transition: all .4s ease-out; font-size: 16px; padding: 4px 14px !important; } .woocommerce ul.products li.product a:hover .onsale, .woocommerce-page ul.products li.product a:hover .onsale { transform: rotate(-360deg); transition: all .4s ease-out; } /* USUWAM RELATED PRODUCTS - te domyślnie pokazywane przez WC --------------------------------------------------------- */ .woocommerce .related.products { display: none !important; } /* WOOCOMMERCE BUTTONS, POLA WYBORU, POLA INFORMACYJNE ================================================================================================ */ /* BUTTONY */ .et_pb_contact_submit, .et_password_protected_form .et_submit_button, .et_pb_bg_layout_light .et_pb_newsletter_button, .comment-reply-link, .form-submit .et_pb_button, .et_pb_bg_layout_light .et_pb_promo_button, .et_pb_bg_layout_light .et_pb_more_button, .woocommerce a.button.alt, .woocommerce-page a.button.alt, .woocommerce button.button.alt, .woocommerce-page button.button.alt, .woocommerce input.button.alt, .woocommerce-page input.button.alt, .woocommerce #respond input#submit.alt, .woocommerce-page #respond input#submit.alt, .woocommerce #content input.button.alt, .woocommerce-page #content input.button.alt, .woocommerce a.button, .woocommerce-page a.button, .woocommerce button.button, .woocommerce-page button.button, .woocommerce input.button, .woocommerce-page input.button, .et_pb_contact p input[type="checkbox"]:checked+label i:before { color: #fff !important; /* ORYG CZERWONY TEKST */ font-weight: 400; } .woocommerce a.button, /* BUTTONY OGÓLNE */ .woocommerce div.product form.cart .button, /* BUTTON - DODAJ DO KOSZYKA */ .woocommerce .cart .button, .woocommerce .cart input.button, /* BUTTON POD KOSZYKIEM */ .woocommerce #payment #place_order, .woocommerce-page #payment #place_order /* BUTTONY PŁATNOŚCI */ { color: #fff; background: #626a70; font-family: 'Montserrat',Helvetica,Arial,Lucida,sans-serif; font-weight: 400; } .woocommerce a.button:hover, /* BUTTONY OGÓLNE */ .woocommerce-cart .wc-proceed-to-checkout a.button:hover /* BUTTON PRZEJŚCIA DO KASY */ { box-shadow: inset 0 0 0 1px #626a70; opacity: 1 !important; } /* BUTTON POD KOSZYKIEM - nieaktywny nie może mieć opacity 1 więc jest osobno */ .woocommerce .cart .button, .woocommerce .cart input.button:hover { box-shadow: inset 0 0 0 1px #626a70; } /* BUTTONY PŁATNOŚCI i BUTTON PRZEJŚCIA DO KOSZYKA - na hover nie chcę konturu więc są osobno */ .woocommerce #payment #place_order:hover, .woocommerce-page #payment #place_order:hover, /* BUTTONY PŁATNOŚCI */ .woocommerce-message a.button.wc-forward:hover /* BUTTON PRZEJŚCIA DO KOSZYKA */ { opacity: 1; box-shadow: none !important; } /* NAGŁÓWKI TABEL */ .woocommerce-cart table.cart th, /* TABELA ZAWARTOSĆ KOSZYKA */ .woocommerce-cart .cart-collaterals .cart_totals table th, /* TABELKA INFO - PODSUMOWANIE POD KOSZYKIEM */ .shop_table.woocommerce-checkout-review-order-table th /* TABELKA PRZY PŁATNOŚCI */ { color: #626a70; } /* POLE Z INFORMACJĄ O DODANIU DO KOSZYKA I Z LINKIEM DO KOSZYKA, POLE Z INFORMACJĄ O BRAKU PRODUTKÓW W KATEGORII Dodaję klasę .woocommerce przed .woocommerce-message i .woocommerce-info bo samo important nie wystarcza */ .woocommerce #respond input#submit, .woocommerce-page #respond input#submit, .woocommerce #content input.button, .woocommerce-page #content input.button, .woocommerce .woocommerce-message, .woocommerce-error, .woocommerce .woocommerce-info { background-color: rgba(98, 106, 112, 0.2) !important; color: #565d62 !important; border-radius: 4px; } /* POLE WYBORU ILOŚCI PRODUKTU, ILOŚĆ W KOSZYKU, KUPONY... */ .woocommerce .quantity input.qty, .woocommerce-page .quantity input.qty, .woocommerce #content .quantity input.qty, .woocommerce-page #content .quantity input.qty, .woocommerce-cart table.cart td.actions .coupon .input-text { font-size: 17px !important; /* UWAGA! - ROZMIAR POWINIEN BYĆ TAKI JAK ROZMIAR FONTU DLA BUTTONÓW */ background-color: rgba(98, 106, 112, 0.38) !important; padding: 0; /* usuwa mały odstęp strzałek od krawędzi */ height: 38px; width: 3.2em; /* box-shadow: inset 1px 2px 2px rgba(98, 106, 112, 0.38) !important; EFEKT WGŁĘBIENIA */ } /* WOOCOMMERCE - STRONA KATEGORII i STRONA TAGU ================================================================================================ */ /* ZWIĘKSZENIE ODSTĘPU TYTUŁU od ILOŚCI I FILTROWANIA samych produktów */ .archive.tax-product_cat h1.page-title { padding-bottom: 36px; } /* TYTUŁ - ODSTĘP DOLNY */ .woocommerce .woocommerce-ordering { margin: 0 0 1.6em; } /* DODANIE GÓRNEGO ODSTĘPU DLA LISTY PRODUKTÓW (w oryg: 0 0 1em) */ /* USUNIĘCIE ŻÓŁTEGO PODŚWIETLENIA LICZBY PRODUKTÓW W KATEGORII */ .woocommerce mark { background-color: transparent; } /* WOOCOMMERCE - STRONY GDZIE JEST LISTA PRODUKTÓW (np strona kategorii, ale też produkty wybrane ręcznie na home) ----- CZY TO NIE TE SAME STRONY CO WYŻEJ? (Kategorii, Tagu..)? ================================================================================================ */ h2.woocommerce-loop-product__title { font-weight: 500; } /* WOOCOMMERCE - STRONA Z PRODUKTEM ================================================================================================ */ /* TYTUŁ PRODUKTU */ h1.product_title { text-transform: none !important; font-weight: 500; font-size: 30px; } /* TYTUŁY KART Z OPISEM I INFORMACJAMI - muszę dać tak dużo klas, żeby przebić się z priorytetem */ body.woocommerce #content-area div.product .woocommerce-tabs ul.tabs li a { font-weight: 500; color: #626a70 !important; } body.woocommerce #content-area div.product .woocommerce-tabs ul.tabs li.active a { color: #565d62 !important; } /* METADATA PRODUKTU (Cena itd.) --------------------------------------------------------- */ /* CENA PRODUKTU PO WYBRANIU WARIANTU */ .woocommerce-variation-price span.woocommerce-Price-amount.amount { font-size: 26px; } /* CENA PROMOCYJNA */ .woocommerce div.product p.price ins, .woocommerce div.product span.price ins { font-weight: 500; } /* Zwiększam odstęp nad i pod ceną z wariantami */ div.woocommerce-variation.single_variation { padding: 10px 0 20px; } /* Resetowanie wariantów */ a.reset_variations { display: inline-block; /* przerzucam do linii pod wariantem - domyślnie jest obok */ font-size: 12px !important; padding-top: 7px; } /* Zmniejszam trochę odstępy między elementami */ .woocommerce div.product form.cart .variations { margin-bottom: 0; } .woocommerce div.product form.cart .variations td { padding: 0 12px 10px 0 !important } /* KOLUMNA Z KATEGORIAMI i TAGAMI (oryg były w jednej linii, tworzę kolumnę) */ .product_meta > span { display: block; } .product_meta > span a { font-weight: 400; } /* GALERIA MINIATUR PRODUKTÓW ROZSZERZENIE GALERII MINIATUR PRODUKTU NA CAŁĄ SZEROKOŚĆ EKRANU --------------------------------------------------------- */ @media (min-width: 1300px) { .woocommerce ol.flex-control-nav.flex-control-thumbs { width: 1080px; } .woocommerce div.product div.images .flex-control-thumbs li { width: 10%; } .woocommerce div.product div.images .flex-control-thumbs li:nth-of-type(4n) { margin-right: 6.6666%; } /* TO DODAJĘ JA - Zmniejszam dolnym margines między miniaturami */ .woocommerce div.product div.images .flex-control-thumbs li { margin-bottom: 3%; } } /* GALERIA MINIATUR PRODUTKÓW c.d.- TO ROZWIĄZUJE PROBLEM ŻE NA NIEKTÓRYCH SZEROKOŚCIACH TRZEBA PRZEWIJAĆ STRONĘ W POZIOMIE */ @media only screen and (max-width: 1299px) and (min-width: 769px) { .woocommerce div.product div.images .flex-control-thumbs { width: 200%; } } /* Po aktualizacji WC, galeria znów składa się z 4 kolumn - poniższe rozwiązuje problem i znów jest na całą szerokosć ekranu */ .woocommerce div.product div.images .flex-control-thumbs li:nth-child(4n+1) { clear: none; } /* YITH WISHLIST --------------------------------------------------------- */ .yith-wcwl-add-to-wishlist { margin: 0 0 6px;} .yith-wcwl-add-button a, /* Button dodania do listy */ .yith-wcwl-wishlistexistsbrowse.show /* Tekst informujący że produkt jest już na liście */ { font-size: 14px !important; } /* PONIŻSZE POWINNO DDODAĆ IKONĘ SERDUSZKA - O ILE DZIAŁA TO NA ED, TO TUTAJ COŚ NIE CHCE WIĘC WYŁĄCZAM............*/ /*.yith-wcwl-add-button a:after { top: 8px !important; margin-left: .3em !important; font-size: 17px !important; content: "\e089" !important; } */