Home Forums Search Search Results for 'css'

Viewing 10 results - 271 through 280 (of 3,131 total)
  • Author
    Search Results
  • #39553

    You should enable minify JS, CSS but turn off lazy load images of product and enable lazy load images for other.

    Just use option of one plugin.

    Kind regards

    Harry
    Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

    #39535

    Hi Norden,

    Please add below code to gecko-child > functions.php

    if ( ! function_exists( 'jas_gecko_custom_css' ) ) {
    	function jas_gecko_custom_css( $css = array() ) {
    		// Content width
    		$content_width = cs_get_option( 'content-width' );
    		if ( $content_width != '1170' ) {
    			$css[] = '
    				@media only screen and (min-width: 75em) {
    					.jas-container {
    						width: ' . esc_attr( $content_width ) . ( ! is_numeric( $content_width ) ? '' : 'px' ) . ';
    					}
    				}
    			';
    		}
    
    		// Logo width
    		$logo_width = cs_get_option( 'logo-max-width' );
    		if ( ! empty( $logo_width ) ) {
    			$css[] = '
    				.jas-branding {
    					max-width: ' . esc_attr( $logo_width ) . 'px;
    					margin: auto;
    				}
    			';
    		}
    		
    		// Header layout 6 background
    		$header_bg = cs_get_option( 'header-bg' );
    
    		if ( ! empty( $header_bg['image'] ) ) {
    			$css[] = '.header-6 .header__mid, .header-7 {';
    				$css[] = '
    					background-image:  url(' .  esc_url( $header_bg['image'] ) . ');
    					background-size:       ' .  $header_bg['size'] .       ';
    					background-repeat:     ' .  $header_bg['repeat'] .     ';
    					background-position:   ' .  $header_bg['position'] .   ';
    					background-attachment: ' .  $header_bg['attachment'] . ';
    				';
    				if ( ! empty( $header_bg['color'] ) ) {
    					$css[] = 'background-color: ' .  $header_bg['color'] .';';
    				}
    			$css[] = '}';
    			$css[] = '
    				.header-6 .header__mid:before {
    					content: "";
    					position: absolute;
    					background: rgba(255, 255, 255, .85);
    					left: 0;
    					top: 0;
    					width: 100%;
    					height: 100%;
    					z-index: 0;
    				}
    				.header-6 .header__mid .jas-branding, .header-7 .jas-branding {
    					position: relative;
    				}
    			';
    		}
    
    		// Boxed layout
    		$boxed_bg = cs_get_option( 'boxed-bg' );
    
    		if ( ! empty( $boxed_bg['image'] ) ) {
    			$css[] = '.boxed {';
    				$css[] = '
    					background-image:  url(' .  esc_url( $boxed_bg['image'] ) . ');
    					background-size:       ' .  $boxed_bg['size'] .       ';
    					background-repeat:     ' .  $boxed_bg['repeat'] .     ';
    					background-position:   ' .  $boxed_bg['position'] .   ';
    					background-attachment: ' .  $boxed_bg['attachment'] . ';
    				';
    				if ( ! empty( $boxed_bg['color'] ) ) {
    					$css[] = 'background-color: ' .  $boxed_bg['color'] .';';
    				}
    			$css[] = '}';
    		}
    
    		// WC page title
    		$wc_head_bg = cs_get_option( 'wc-pagehead-bg' );
    
    		if ( ( function_exists( 'is_shop' ) && is_shop() || function_exists( 'is_product' ) && is_product() ) && ! empty( $wc_head_bg ) ) {
    			$css[] = '.jas-wc .page-head, .jas-wc-single .page-head {';
    				$css[] = '
    					background-image:  url(' .  esc_url( $wc_head_bg['image'] ) . ');
    					background-size:       ' .  $wc_head_bg['size'] .       ';
    					background-repeat:     ' .  $wc_head_bg['repeat'] .     ';
    					background-position:   ' .  $wc_head_bg['position'] .   ';
    					background-attachment: ' .  $wc_head_bg['attachment'] . ';
    				';
    				if ( ! empty( $wc_head_bg['color'] ) ) {
    					$css[] = 'background-color: ' .  $wc_head_bg['color'] .';';
    				}
    
    				if ( cs_get_option( 'wc-page-title-pdt' ) ) {
    					$css[] = 'padding-top: ' .  cs_get_option( 'wc-page-title-pdt' ) .'px;';
    				}
    
    				if ( cs_get_option( 'wc-page-title-pdb' ) ) {
    					$css[] = 'padding-bottom: ' .  cs_get_option( 'wc-page-title-pdb' ) .'px;';
    				}
    			$css[] = '}';
    		} elseif ( function_exists( 'is_product_category' ) && is_product_category() ) {
    			global $wp_query;
    			$cat = $wp_query->get_queried_object();
    			$thumbnail_id = get_term_meta( $cat->term_id, 'thumbnail_id', true );
    			$tmp = wp_get_attachment_image_src( $thumbnail_id,'full' );
    			if ( !empty( $tmp ) )  {
    				$css[] = '.jas-wc .page-head {';
    					$css[] = '
    						background-image:  url(' . esc_url( $wc_head_bg['image'] ) . ');
    						background-size: cover;
    					';
    				$css[] = '}';
    			}
    		}
    
    		// Portfolio page title
    		$portfolio_head_bg = cs_get_option( 'portfolio-pagehead-bg' );
    		if ( ! empty( $portfolio_head_bg['image'] ) ) {
    			$css[] = '.jas-portfolio .page-head {';
    				$css[] = '
    					background-image:  url(' .  esc_url( $portfolio_head_bg['image'] ) . ');
    					background-size:       ' .  $portfolio_head_bg['size'] .       ';
    					background-repeat:     ' .  $portfolio_head_bg['repeat'] .     ';
    					background-position:   ' .  $portfolio_head_bg['position'] .   ';
    					background-attachment: ' .  $portfolio_head_bg['attachment'] . ';
    				';
    				if ( ! empty( $portfolio_head_bg['color'] ) ) {
    					$css[] = 'background-color: ' .  $portfolio_head_bg['color'] .';';
    				}
    			$css[] = '}';
    		}
    
    		// Footer background
    		$footer_bg = cs_get_option( 'footer-bg' );
    
    		if ( ! empty( $footer_bg['image'] ) ) {
    			$css[] = '.footer__top {';
    				$css[] = '
    					background-image:  url(' .  esc_url( $footer_bg['image'] ) . ')     ;
    					background-size:       ' .  esc_attr( $footer_bg['size'] ) .       ';
    					background-repeat:     ' .  esc_attr( $footer_bg['repeat'] ) .     ';
    					background-position:   ' .  esc_attr( $footer_bg['position'] ) .   ';
    					background-attachment: ' .  esc_attr( $footer_bg['attachment'] ) . ';
    				';
    				if ( ! empty( $footer_bg['color'] ) ) {
    					$css[] = 'background-color: ' .  $footer_bg['color'] .';';
    				}
    			$css[] = '}';
    		}
    
    		// Maintenance background
    		$offline = cs_get_option( 'maintenance-bg' );
    
    		if ( ! empty( $offline['image'] ) ) {
    			$css[] = '.jas-offline-content {';
    				$css[] = '
    					background-image:  url(' .  esc_url( $offline['image'] ) . ')     ;
    					background-size:       ' .  esc_attr( $offline['size'] ) .       ';
    					background-repeat:     ' .  esc_attr( $offline['repeat'] ) .     ';
    					background-position:   ' .  esc_attr( $offline['position'] ) .   ';
    					background-attachment: ' .  esc_attr( $offline['attachment'] ) . ';
    				';
    				if ( ! empty( $offline['color'] ) ) {
    					$css[] = 'background-color: ' .  $offline['color'] .';';
    				}
    			$css[] = '}';
    		}
    
    		// Typography
    		$body_font    = cs_get_option( 'body-font' );
    		$heading_font = cs_get_option( 'heading-font' );
    
    		$css[] = 'body {';
    			// Body font family
    			$css[] = 'font-family: "' . $body_font['family'] . '";';
    			if ( '100italic' == $body_font['variant'] ) {
    				$css[] = '
    					font-weight: 100;
    					font-style: italic;
    				';
    			} elseif ( '300italic' == $body_font['variant'] ) {
    				$css[] = '
    					font-weight: 300;
    					font-style: italic;
    				';
    			} elseif ( '400italic' == $body_font['variant'] ) {
    				$css[] = '
    					font-weight: 400;
    					font-style: italic;
    				';
    			} elseif ( '700italic' == $body_font['variant'] ) {
    				$css[] = '
    					font-weight: 700;
    					font-style: italic;
    				';
    			} elseif ( '900italic' == $body_font['variant'] ) {
    				$css[] = '
    					font-weight: 900;
    					font-style: italic;
    				';
    			} elseif ( 'regular' == $body_font['variant'] ) {
    				$css[] = 'font-weight: 400;';
    			} elseif ( 'italic' == $body_font['variant'] ) {
    				$css[] = 'font-style: italic;';
    			} else {
    				$css[] = 'font-weight:' . $body_font['variant'] . ';';
    			}
    
    			// Body font size
    			if ( cs_get_option( 'body-font-size' ) ) {
    				$css[] = 'font-size:' . cs_get_option( 'body-font-size' ) . 'px;';
    			}
    
    			// Body background color
    			if ( cs_get_option( 'body-background-color' ) ) {
    				$css[] = 'background-color: ' .	esc_attr( cs_get_option( 'body-background-color' ) ) . ';';
    			}
    
    			// Body color
    			if ( cs_get_option( 'body-color' ) ) {
    				$css[] = 'color:' . cs_get_option( 'body-color' ) . ';';
    			}
    		$css[] = '}';
    
    		$css[] = 'h1, h2, h3, h4, h5, h6, .f__mont {';
    			$css[] = 'font-family: "' . $heading_font['family'] . '";';
    			if ( '100italic' == $heading_font['variant'] ) {
    				$css[] = '
    					font-weight: 100;
    					font-style: italic;
    				';
    			} elseif ( '300italic' == $heading_font['variant'] ) {
    				$css[] = '
    					font-weight: 300;
    					font-style: italic;
    				';
    			} elseif ( '400italic' == $heading_font['variant'] ) {
    				$css[] = '
    					font-weight: 400;
    					font-style: italic;
    				';
    			} elseif ( '700italic' == $heading_font['variant'] ) {
    				$css[] = '
    					font-weight: 700;
    					font-style: italic;
    				';
    			} elseif ( '900italic' == $heading_font['variant'] ) {
    				$css[] = '
    					font-weight: 900;
    					font-style: italic;
    				';
    			} elseif ( 'regular' == $heading_font['variant'] ) {
    				$css[] = 'font-weight: 400;';
    			} elseif ( 'italic' == $heading_font['variant'] ) {
    				$css[] = 'font-style: italic;';
    			} else {
    				$css[] = 'font-weight:' . $heading_font['variant'];
    			}
    		$css[] = '}';
    		
    		if ( cs_get_option( 'heading-color' ) ) {
    			$css[] = 'h1, h2, h3, h4, h5, h6 {';
    				$css[] = 'color:' . cs_get_option( 'heading-color' );
    			$css[] = '}';
    		}
    
    		if ( cs_get_option( 'h1-font-size' ) ) {
    			$css[] = 'h1 { font-size:' . cs_get_option( 'h1-font-size' ) . 'px; }';
    		}
    		if ( cs_get_option( 'h2-font-size' ) ) {
    			$css[] = 'h2 { font-size:' . cs_get_option( 'h2-font-size' ) . 'px; }';
    		}
    		if ( cs_get_option( 'h3-font-size' ) ) {
    			$css[] = 'h3 { font-size:' . cs_get_option( 'h3-font-size' ) . 'px; }';
    		}
    		if ( cs_get_option( 'h4-font-size' ) ) {
    			$css[] = 'h4 { font-size:' . cs_get_option( 'h4-font-size' ) . 'px; }';
    		}
    		if ( cs_get_option( 'h5-font-size' ) ) {
    			$css[] = 'h5 { font-size:' . cs_get_option( 'h5-font-size' ) . 'px; }';
    		}
    		if ( cs_get_option( 'h6-font-size' ) ) {
    			$css[] = 'h6 { font-size:' . cs_get_option( 'h6-font-size' ) . 'px; }';
    		}
    
    		// Primary color
    		$primary_color = cs_get_option( 'primary-color' );
    		if ( $primary_color ) {
    			$css[] = '
    				a, a:hover, a:active,
    				a.button-o,
    				input.button-o,
    				button.button-o,
    				.cp, .chp:hover,
    				.header-7 .jas-socials a,
    				.header__top .jas-action a:hover,
    				.woocommerce-MyAccount-navigation ul li:hover a,
    				.woocommerce-MyAccount-navigation ul li.is-active a,
    				.jas-menu li a:hover,
    				.jas-menu li.current-menu-ancestor > a,
    				.jas-menu li.current-menu-item > a,
    				#jas-mobile-menu ul > li:hover > a, 
    				#jas-mobile-menu ul > li.current-menu-item > a, 
    				#jas-mobile-menu ul > li.current-menu-parent > a, 
    				#jas-mobile-menu ul > li.current-menu-ancestor > a,
    				#jas-mobile-menu ul > li:hover > .holder, 
    				#jas-mobile-menu ul > li.current-menu-item > .holder,
    				#jas-mobile-menu ul > li.current-menu-parent  > .holder,
    				#jas-mobile-menu ul > li.current-menu-ancestor > .holder,
    				#jas-footer a:hover,
    				.inside-thumb a:hover,
    				.jas-blog-slider .post-thumbnail > div a:hover,
    				.page-numbers li a:hover,
    				.page-numbers.current,
    				.jas-filter a.selected,
    				.sidebar .widget a:hover,
    				.widget a:hover,
    				.widget.widget_price_filter .price_slider_amount,
    				.widget ul.product-categories li:hover > a,
    				.widget ul.product-categories li.current-cat > a,
    				.widget ul.product_list_widget li a:hover span.product-title,
    				.product-button a.button,
    				.p-video a i,
    				.quantity .qty a:hover,
    				.product_meta a:hover,
    				.wc-tabs li.active a,
    				.product-extra .product-button:not(.flex) > .yith-wcwl-add-to-wishlist .tooltip,
    				.page-head a:hover,
    				.vc_tta-tab.vc_active > a,
    				.woocommerce .widget_layered_nav ul li a:hover,
    				.woocommerce-page .widget_layered_nav ul li a:hover,
    				.woocommerce .widget_layered_nav ul li.chosen a,
    				.woocommerce-page .widget_layered_nav ul li.chosen a,
    				.woocommerce .widget_layered_nav ul li span:hover,
    				.woocommerce-page .widget_layered_nav ul li span:hover,
    				.woocommerce .widget_layered_nav ul li.chosen span,
    				.woocommerce-page .widget_layered_nav ul li.chosen span {
    					color: ' . esc_attr( $primary_color ) . ';
    				}
    			
    				input:not([type="submit"]):not([type="checkbox"]):focus,
    				textarea:focus,
    				a.button-o,
    				input.button-o,
    				button.button-o,
    				a.button-o:hover,
    				input.button-o:hover,
    				button.button-o:hover,
    				a.button-o-w:hover,
    				.header-7 .jas-socials a,
    				#jas-backtop,
    				.more-link,
    				.product-button a.button,
    				.product-button > *,
    				.single-btn .btn-quickview,
    				.p-video a,
    				.btn-atc .yith-wcwl-add-to-wishlist a,
    				.header-7 #jas-mobile-menu > ul > li,
    				.header-7 #jas-mobile-menu ul ul {
    					border-color: ' . esc_attr( $primary_color ) . ';
    				}
    			
    				input[type="submit"]:not(.button-o),
    				button,
    				a.button,
    				a.button-o:hover,
    				input.button-o:hover,
    				button.button-o:hover,
    				a.button-o-w:hover,
    				.bgp, .bghp:hover,
    				#jas-backtop span:before,
    				.more-link:hover,
    				.widget .tagcloud a:hover,
    				.jas-mini-cart .button.checkout,
    				.woocommerce-pagination-ajax a:hover,
    				.woocommerce-pagination-ajax a.disabled,
    				.jas-ajax-load a:hover,
    				.jas-ajax-load a.disabled,
    				.widget.widget_price_filter .ui-slider-range,
    				.widget.widget_price_filter .ui-state-default,
    				.product-image:hover .product-button a:hover,
    				.yith-wcwl-add-to-wishlist i.ajax-loading,
    				.btn-atc .yith-wcwl-add-to-wishlist a:hover,
    				.entry-summary .single_add_to_cart_button,
    				.entry-summary .external_single_add_to_cart_button,
    				.jas-service[class*="icon-"] .icon:before,
    				.metaslider .flexslider .flex-prev, 
    				.metaslider .flexslider .flex-next,
    				.slick-prev, .slick-next,
    				div.wpforms-container-full .wpforms-form button[type="submit"],
    				div.wpforms-container-full .wpforms-form button[type="submit"]:hover {
    					background-color: ' . esc_attr( $primary_color ) . ';
    				}
    			';
    		}
    
    		// Secondary color
    		$secondary_color = cs_get_option( 'secondary-color' );
    		if ( $secondary_color ) {
    			$css[] = '
    				h1, h2, h3, h4, h5, h6,
    				.cd,
    				.wp-caption-text,
    				.woocommerce-MyAccount-navigation ul li a,
    				.jas-menu > li > a,
    				#jas-mobile-menu ul li a,
    				.holder,
    				.page-numbers li,
    				.page-numbers li a,
    				.jas-portfolio-single .portfolio-meta span,
    				.sidebar .widget a,
    				.sidebar .widget ul li:before,
    				.jas-mini-cart .mini_cart_item a:nth-child(2),
    				.widget a,
    				.product-category h3 .count,
    				.widget ul.product-categories li a,
    				.widget ul.product_list_widget li a span.product-title,
    				.widget ul.product_list_widget li ins,
    				.price,
    				.product-image .product-attr,
    				.product_meta > span,
    				.shop_table th,
    				.order-total,
    				.order-total td,
    				.jas-sc-blog .post-info h4 a {
    					color: ' . esc_attr( $secondary_color ) . ';
    				}
    				.error-404.not-found a,
    				.jas-pagination,
    				.woocommerce-pagination,
    				.woocommerce .widget_layered_nav ul.yith-wcan-label li a:hover,
    				.woocommerce-page .widget_layered_nav ul.yith-wcan-label li a:hover,
    				.woocommerce .widget_layered_nav ul.yith-wcan-label li.chosen a,
    				.woocommerce-page .widget_layered_nav ul.yith-wcan-label li.chosen a {
    					border-color: ' . esc_attr( $secondary_color ) . ';
    				}
    				mark,
    				.bgd,
    				.error-404.not-found a:hover,
    				#wp-calendar caption,
    				.widget .tagcloud a,
    				.woocommerce .widget_layered_nav ul.yith-wcan-label li a:hover,
    				.woocommerce-page .widget_layered_nav ul.yith-wcan-label li a:hover,
    				.woocommerce .widget_layered_nav ul.yith-wcan-label li.chosen a,
    				.woocommerce-page .widget_layered_nav ul.yith-wcan-label li.chosen a,
    				.jas-mini-cart .button,
    				.sidebar .widget_shopping_cart .button,
    				.actions .button.apply-cupon,
    				.actions .button.update-cart,
    				.button.continue-button {
    					background-color: ' . esc_attr( $secondary_color ) . ';
    				}
    			';
    		}
    		// Secondary color
    		$header_top_color = cs_get_option( 'header-top-color' );
    		if ( $header_top_color ) {
    			$css[] = '
    				.jas-socials a,
    				.header-text,
    				.header__top .jas-action a {
    					color: ' . esc_attr( $header_top_color ) . ';
    				}
    				.jas-socials a {
    					border-color: ' . esc_attr( $header_top_color ) . ';
    				}
    			';
    		}
    		// Header color
    		if ( cs_get_option( 'header-background' ) ) {
    			$css[] = '#jas-header { background-color: ' . esc_attr( cs_get_option( 'header-background' ) ) . '}';
    		}
    
    		// Header top
    		if ( cs_get_option( 'header-top-background' ) ) {
    			$css[] = '.header__top { background-color: ' . esc_attr( cs_get_option( 'header-top-background' ) ) . '}';
    		}
    		// Header Icons color
    		if ( cs_get_option( 'header-icons-color' ) ) {
    			$css[] = '
    				.jas-action > a, .jas-icon-cart a {
    					color: ' . esc_attr( cs_get_option( 'header-icons-color' ) ) . ';
    				}
    			';
    		}
    		// Menu color
    		if ( cs_get_option( 'main-menu-color' ) ) {
    			$css[] = '
    				.holder,
    				.jas-menu > li > a,
    				#jas-mobile-menu ul li a,
    				#jas-mobile-menu ul > li:hover > a, 
    				#jas-mobile-menu ul > li.current-menu-item > a, 
    				#jas-mobile-menu ul > li.current-menu-parent > a, 
    				#jas-mobile-menu ul > li.current-menu-ancestor > a,
    				#jas-mobile-menu ul > li:hover > .holder, 
    				#jas-mobile-menu ul > li.current-menu-item > .holder,
    				#jas-mobile-menu ul > li.current-menu-parent  > .holder,
    				#jas-mobile-menu ul > li.current-menu-ancestor > .holder {
    					color: ' . esc_attr( cs_get_option( 'main-menu-color' ) ) . ';
    				}
    			';
    		}
    		if ( cs_get_option( 'main-menu-hover-color' ) ) {
    			$css[] = '
    				.jas-menu li:hover > .holder,
    				.jas-menu li > a:hover,
    				#jas-mobile-menu ul li a:hover,
    				.jas-menu li.current-menu-ancestor > a,
    				.jas-menu li.current-menu-item > a,
    				.jas-account-menu a:hover {
    					color: ' . esc_attr( cs_get_option( 'main-menu-hover-color' ) ) . ';
    				}
    			';
    		}
    		if ( cs_get_option( 'sub-menu-color' ) ) {
    			$css[] = '
    				.jas-menu ul a, .jas-account-menu ul a {
    					color: ' . esc_attr( cs_get_option( 'sub-menu-color' ) ) . ';
    				}
    			';
    		}
    		if ( cs_get_option( 'sub-menu-hover-color' ) ) {
    			$css[] = '
    				.jas-menu ul li a:hover {
    					color: ' . esc_attr( cs_get_option( 'sub-menu-hover-color' ) ) . ';
    				}
    			';
    		}
    		if ( cs_get_option( 'sub-menu-background-color' ) ) {
    			$css[] = '
    				.jas-menu ul, .jas-account-menu ul {
    					background: ' . esc_attr( cs_get_option( 'sub-menu-background-color' ) ) . ';
    				}
    			';
    		}
    
    		// Header Transparent Menu color
    		if ( cs_get_option( 'transparent-main-menu-color' ) ) {
    			$css[] = '
    				.header__transparent .jas-menu > li > a {
    					color: ' . esc_attr( cs_get_option( 'transparent-main-menu-color' ) ) . ';
    				}
    			';
    		}
    		if ( cs_get_option( 'transparent-main-menu-hover-color' ) ) {
    			$css[] = '
    				.header__transparent .jas-menu > li > a:hover {
    					color: ' . esc_attr( cs_get_option( 'transparent-main-menu-hover-color' ) ) . ';
    				}
    			';
    		}
    
    		// Header Sticky color
    		if ( cs_get_option( 'header-sticky-background' ) ) {
    			$css[] = '.header-sticky .header__mid { background-color: ' . esc_attr( cs_get_option( 'header-sticky-background' ) ) . '}';
    		}
    
    		if ( cs_get_option( 'sticky-main-menu-color' ) ) {
    			$css[] = '
    				.header-sticky .jas-menu > li > a {
    					color: ' . esc_attr( cs_get_option( 'sticky-main-menu-color' ) ) . ';
    				}
    			';
    		}
    		if ( cs_get_option( 'sticky-main-menu-hover-color' ) ) {
    			$css[] = '
    				.header-sticky .jas-menu li > a:hover,
    				.header-sticky .jas-menu li.current-menu-ancestor > a,
    				.header-sticky .jas-menu li.current-menu-item > a,
    				.header-sticky .jas-account-menu a:hover {
    					color: ' . esc_attr( cs_get_option( 'sticky-main-menu-hover-color' ) ) . ';
    				}
    			';
    		}
    		if ( cs_get_option( 'sticky-sub-menu-color' ) ) {
    			$css[] = '
    				.header-sticky .jas-menu ul a, .header-sticky .jas-account-menu ul a {
    					color: ' . esc_attr( cs_get_option( 'sticky-sub-menu-color' ) ) . ';
    				}
    			';
    		}
    		if ( cs_get_option( 'sticky-sub-menu-color-hover' ) ) {
    			$css[] = '
    				.header-sticky .jas-menu ul li a:hover {
    					color: ' . esc_attr( cs_get_option( 'sticky-sub-menu-color-hover' ) ) . ';
    				}
    			';
    		}
    		if ( cs_get_option( 'sticky-sub-menu-background-color' ) ) {
    			$css[] = '
    				.header-sticky .jas-menu ul, .header-sticky .jas-account-menu ul {
    					background: ' . esc_attr( cs_get_option( 'sticky-sub-menu-background-color' ) ) . ';
    				}
    			';
    		}
    		// Header Header Sticky Icons color
    		if ( cs_get_option( 'header-sticky-icons-color' ) ) {
    			$css[] = '
    				.header-sticky .jas-action > a, .header-sticky .jas-icon-cart a, .header-sticky .jas-my-account a {
    					color: ' . esc_attr( cs_get_option( 'header-sticky-icons-color' ) ) . ';
    				}
    			';
    		}
    
    		// Footer color
    		if ( cs_get_option( 'footer-background' ) ) {
    			$css[] = '
    				#jas-footer:before {
    					background: ' . esc_attr( cs_get_option( 'footer-background' ) ) . ';
    				}
    			';
    		}
    		if ( cs_get_option( 'footer-bottom-background' ) ) {
    			$css[] = '
    				.footer__bot {
    					background: ' . esc_attr( cs_get_option( 'footer-bottom-background' ) ) . ';
    				}
    			';
    		}
    		if ( cs_get_option( 'footer-color' ) ) {
    			$css[] = '
    				#jas-footer {
    					color: ' . esc_attr( cs_get_option( 'footer-color' ) ) . ';
    				}
    			';
    		}
    		if ( cs_get_option( 'footer-link-color' ) ) {
    			$css[] = '
    				#jas-footer a {
    					color: ' . esc_attr( cs_get_option( 'footer-link-color' ) ) . ';
    				}
    			';
    		}
    		if ( cs_get_option( 'footer-color-hover' ) ) {
    			$css[] = '
    				#jas-footer a:hover {
    					color: ' . esc_attr( cs_get_option( 'footer-color-hover' ) ) . ';
    				}
    			';
    		}
    		if ( cs_get_option( 'footer-bottom-color-hover' ) ) {
    			$css[] = '
    				#jas-footer .footer__bot a:hover {
    					color: ' . esc_attr( cs_get_option( 'footer-bottom-color-hover' ) ) . ';
    				}
    			';
    		}
    
    		// Custom css
    		if ( cs_get_option( 'custom-css' ) ) {
    			$css[] = cs_get_option( 'custom-css' );
    		}
    
    		return preg_replace( '/\n|\t/i', '', implode( '', $css ) );
    	}
    }

    Kind regards

    Harry
    Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

    #39531

    Hi,

    1. Please add below code to Claue > Theme Option > General Layout > Custom CSS

    body.woocommerce #content div.product .elementor-widget-woocommerce-product-images .left div.images, 
    body.woocommerce-page #content div.product .elementor-widget-woocommerce-product-images .left div.images, 
    body.woocommerce-page div.product .elementor-widget-woocommerce-product-images .left div.images, 
    body.woocommerce div.product .elementor-widget-woocommerce-product-images .left div.images {
    	padding-left: 90px;
    }
    body.woocommerce #content div.product .elementor-widget-woocommerce-product-images .right div.images, 
    body.woocommerce-page #content div.product .elementor-widget-woocommerce-product-images .right div.images, 
    body.woocommerce-page div.product .elementor-widget-woocommerce-product-images .right div.images, 
    body.woocommerce div.product .elementor-widget-woocommerce-product-images .right div.images {
    	padding-right: 90px;
    }

    2. I help you fixed by turn off lightbox option of Elmentor in Elementor Editor’s Settings Panel > Hamburger Menu > Site Settings. https://prnt.sc/vywa5j

    Kind regards

    Harry
    Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

    #39522

    Hi Omer,

    Please add below code to Claue > Theme Option > General Layout > Custom CSS

    Kind regards

    Harry
    Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

    #39516

    Hi,

    1. The issue because your product doesn’t have image in gallery. Please upload image for gallery.

    2. You can change background of overlay and opacity by add below code to Claue > Theme Otpion > General Layout > Custom CSS

    .pswp__bg {
    	background: #000;
    	opacity: 0.5 !important;
    }

    And change #000 with your color and 0.5 as opacity from 0.0 to 1.0

    Kind regards

    Harry
    Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

    #39512

    Hi,

    Please add below code to Claue > Theme Option > General Layout > Custom CSS

    @media screen and (min-width: 1025px) {
    #jas-content {
    	margin-top: -131px;
    }}

    Kind regards

    Harry
    Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

    #39511

    In reply to: Discount Amount

    Hi Rahim,

    Please add custom CSS code

    .flex.between-xs.middle-xs.price-review {
    	display: inline-block;
    }

    Kind regards

    Harry
    Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

    #39507

    In reply to: HOVER PROBLEM

    Hi,

    Please add‌ be‌low code to JanStudio > Theme Option > General Layout > Custom CSS

    .fa.fa-shopping-cart.mr__10 {
    	display: none;
    }

    Kind regards

    Harry
    Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

    #39486

    In reply to: PRODUCT SLIDER

    Hi,

    1. The issue because you has 8 products while you set 8 products as slider. It can’t show as slider. If you want slider with 8 products you have to set per page over 8 products

    When i set slider with 4 products and per page with 8 products it still work well.

    2. Please remove code in JanStudio > Theme Option > General Layout > Custom CSS you add to override style

    By the way, your support expired. Please renew your support at https://themeforest.net/item/gecko-powerful-ajax-woocommerce-theme/15863658

    Thank and regards

    Harry
    Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

    #39462

    Hi Norden,

    Thank you for choose our theme.

    1. Please add below code to JanStudio > Theme Option > General Layout > Custom CSS

    .product-category h2:before,
    .product-category h3:before  {
    	content: 'Shop now';
    }

    and change the text as you want

    For the text “Add to wishlist” you can change in YITH > Wishlist https://prnt.sc/vuqiy4

    2. The dimension for breadcrumbs image i recommend use 1920px x 200px

    Kind regards

    Harry
    Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

Viewing 10 results - 271 through 280 (of 3,131 total)