Home Forums Search Search Results for 'css'

Viewing 10 results - 2,101 through 2,110 (of 3,138 total)
  • Author
    Search Results
  • #14926

    Hi,

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

    @media only screen and (max-width: 800px) {
    	.product-button.flex {
    		flex-direction: column;
    		right: 10px;
    		left: auto;
    	}
    	.product-button.flex > *{
    		margin: 0 0 5px;
    	}
    	.product-button > *,
    	.product-button a.button {
    		-webkit-transform: scale(1);
    		-ms-transform: scale(1);
    		-o-transform: scale(1);
    		transform: scale(1);
    		background: #b59677 !important;
    		color: #fff !important;
    	}
    	.product-image .yith-wcwl-add-to-wishlist a {
    		color: #fff !important;
    	}
    }

    Best regards

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

    #14925

    Hi,

    1. Because you disable sticky header so it can’t make it only sticky on mobile. You can add below code to make header not overlap slider

    @media only screen and (max-width: 736px) {
    .header__mid .header__transparent { position: relative; top: 0 !important;}
    }

    2. To fix star on on RTL please add custom css code

    .rtl .stars [class*="star"]::before {
        left: auto;
        right: 0;
    }

    Best regards

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

    #14889

    Hi,

    I checked you site and saw it still use old code. Please add custom CSS

    .jas-menu li.sale > a::after {
    background: #ffa800;
    }

    and change #ffa800 with your color.

    Best regards

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

    #14819

    Hi El,

    1. You can remove black square on image by add custom css in Claue > Theme Option > General Layout > Custom CSS

    .inside-thumb { display: none;}

    2. The image size for blog page is 870px * 620px. You need crop your images before upload.

    Best regards!

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

    #14814

    Hi,

    1. Please add custom css to change zoom background

    .pswp–animated-in .pswp__bg {background: #000;}

    and change #000 with your color

    2. Please add custom css to fix

    @media only screen and (max-width: 736px) {
    .single_add_to_cart_button {
    width: calc(100% – 108px);
    }}

    Best regards!

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

    #14809

    Hi,

    The issue because you added code in style.css and lost close tag } and when you enable minify css the css file will wrong cause break layout

    @media only screen and (max-device-width: 480px) {
    	
    	.woocommerce form .form-row-first, .woocommerce form .form-row-last {
        width: 100% !important;
        float: left;
    }

    We recommend use child theme and put your customize code to child theme. If you put your customize code to parent theme when you update your code will be remove.

    Regards

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

    #14793

    In reply to: latin-ext

    Hi, thats not a issue with font (I use Open Sans btw), but rather theme. In Claue Theme options there is no option to choose Latin-ext. Even I have embeded font in Child-theme header but it doesn’t work too.

    <html <?php language_attributes(); ?>> <head> <link rel=”pingback” href=”<?php bloginfo( ‘pingback_url’ ); ?>”> <link href=”https://fonts.googleapis.com/css?family=Noto+Sans:400,400i,700,700i&amp;subset=latin-ext&#8221; rel=”stylesheet”>

    BTW, on Product page Visual Composer is missing, why? See atachment.

     

    Attachments:
    You must be logged in to view attached files.
    #14770

    Hi,

    You can fix by add custom css in Claue > Theme Option > General Layout > Custom CSS

    .product-image a.db::before {background: none;}

    Best regards

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

    #14723

    Hi,

    Please add custom CSS

    .entry-summary .price::after {
    content: ‘Ships Free’;
    margin-left: 15px;
    }

    Best regards

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

    #14720
    LV

    Hi,

    I was able to move it on my own.

    So is there a CSS code that can be placed across the price [on the right side] that says “Ships Free”?

     

    Thanks

Viewing 10 results - 2,101 through 2,110 (of 3,138 total)