Home Forums Search Search Results for 'css'

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

    In reply to: Checkbox Border

    Hi,

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

    .style-checkbox label {
    	border: 1px solid #e3e3e3;
    }

    and change #e3e3e3 to your color code.

    Kind regards

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

    #39561

    Hi,

    I see the code added in claue-child > style.css

    .jas-banner h3 {
    	color: red !important;
    }

    Please change red with your color code.

    Kind regards

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

    #39559

    Hi Kenny,

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

    .jas-portfolio .page-head {
    display: none;
    }

    2. I’m sorry the portfolio not support Gutenberg, you can use gallery element of Elementor to build portfolio

    3. Yes, the headẻ should be header layout-2.php

    Please reply on this topic so we can track your issue and help you faster. I hard to read your email with more signature text.

    Kind regards

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

    #39558

    Hi,

    I see you added code in claue-child > style.css

    .jas-banner h3 {
    	color: red !important;
    }

    Please change red to your color.

    Kind regards

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

    #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

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