Search Results for 'css'

[mikestar]

Thanks Harry. The code worked fine when I added it at the top of Custom CSS.

Lastly, The default header is gray color. How can I change this color to something else?

[Harry]

Hi,

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

.page-head {
	padding: 20px 0;
}

Kind regards

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

[Harry]

Hi,

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

@media only screen and (max-width: 736px) {
.wpb_gallery_slides ul li {width: 100%;}
.wpb_gallery_slides ul li img {display: inline-block;}
}

Kind regards

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

[Harry]

Hi,

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

.badge.fs__12 {display: none;}

Kind regards

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

[Harry]

Hi Borbou,

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

h3.product-title, .woocommerce h3.product-title, .page-head h1, h2.post-title, input[type="submit"], button, a.button, .jas-mini-cart .button, .sidebar .widget_shopping_cart .button, .cart-collaterals h2 {
	text-transform: none;
}

Kind regards

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

[Harry]

Hi,

Hi,

1. If you want change color for separate slider you have to add class for separate on class number slider to css

http://take.ms/ShnUK

Example code

.metaslider .flexslider .slide-5860 .caption-wrap,
.metaslider .flexslider .slide-5860 .caption-wrap h3,
.metaslider .flexslider .slide-5860 .caption-wrap h4 {color: #fff !important;}

2. You can change font-size for slider by add custom css

.metaslider .flexslider .caption-wrap h3 {font-size: 50px;}
.metaslider .flexslider .caption-wrap h4 {font-size: 20px;}

Kind regards

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

[Harry]

Hi,

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

.page-head:before {
 background: transparent !important;
}

Best regards

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

[Foster]

Hi,
Sorry for the late response.
shopify team says that your theme is not shopify compatible therefore this error comes… they say if you change theme the issue is solved

>>> Please try to activate another Shopify theme to check this function, our theme has 100% compatible with Shopify. You need to type the right color name to solve this problem. You can refer the color name here https://www.quackit.com/css/css_color_codes.cfm

Regarding the next issue, I saw you’re using the outdated version, please update to the latest version. The problem will be solved.

Regards,
Foster from JanStudio

[Foster]

Hi,

Sorry for the late response.

If you want to add your own fonts in the theme you need to do a little bit of CSS tweaking.

1. Start by uploading your new font into the assets folder of the theme. Please make sure that you upload all proper formats, namely eot, woff, ttf & svg. These are all required for perfect browser compatibility.
2. After you’ve done this, open the theme’s main stylesheet, /assets/claue.scss.liquid file. Insert the new font face declaration of your new font (screenshot). Here’s an example:

   @font-face {
   font-family: "MyFont";
   src: url('{{ "font_myfont.eot" | asset_url }}');
   src: url('{{ "font_myfont.eot" | asset_url }} ?#iefix') format("embedded-opentype"),
   url('{{ "font_myfont.woff" | asset_url }}') format("woff"),
   url('{{ "font_myfont.ttf" | asset_url }}') format("truetype"),
   url('{{ "font_myfont.svg" | asset_url }} #myfont') format("svg");
   }

3. Add such declaration for all the fonts that you might want to include. Next, you have to change the font variables, from the settings value to your own value. Let’s say what you want to use this new font as a headings font – you’ll have to change the this original theme code (Line 5-9)

   $font-body: MyFont;
   $font-body-weight: new_font_weight;
   $font-body-size: {{ settings.body_font_size }};
   $font-heading: MyFont;
   $font-heading-weight: new_font_weight;

[Harry]

Hi,

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

.metaslider .flexslider .caption-wrap,
.metaslider .flexslider .caption-wrap h3,
.metaslider .flexslider .caption-wrap h4 {color: #fff !important;}

Kind regards

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