Search Results for 'css'

[Harry]

Hi,

You can add custom css in JanStudio > Theme Option > General Layout > Custom CSS

.jas-wc .page-head {  background-position: center center; }

Now our theme still doesn’t support use different image for each, we consider it a task to improve in future.

Best regards

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

[tiltil]

This reply has been marked as private.

[Harry]

You add more code to reduce height of header in JanStudio > Theme Option > General Layout > Custom CSS

.jas-menu > li > a { line-height: 60px;}

.jas-branding { padding: 40px 0; }

Reduce 40px and 60px as you want.

Best regards

 

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

[Harry]

Hi,

1. You can change text color on footer by add custom CSS in JanStudio > Theme Option > General Layout > Custom CSS

#jas-footer, #jas-footer .widget-title, #jas-footer a { color: #fff;} change #fff with your color

2. You can change background of social by add custom CSS

.jas-portfolio-single .jas-social a { background: #000; color: #fff;} change #000 and #fff with your color

You can hide social by add code

.jas-portfolio-single .jas-social a.twitter { display: none;}

change twitter with (facebook, google-plus, pinterest, tumblr) if you want hide any icon

3. You can hide “In Stock” text by add custom CSS

.entry-summary .availability span { display: none;}

4. You can change blue bar with css code

.woocommerce-info {
background-color: #d9edf7;
border: 1px solid #bce8f1;
color: #31708f;
}

Change #d9edf7, #bce8f1, #31708f with your color

5. You can follow our video to translate text to Portuguese at https://www.youtube.com/watch?v=8rQkm1aGeas

Best regards

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

[almarinkov]

This reply has been marked as private.

[almarinkov]

Hello,
i don’t want to make a new topic, because i want to ask the same thing, however what i want is to completely remove the header top bar and not just the text. I have tried adding a custom css code:

.header__top bgbl pl__15 pr__15 {display:none;}

but it didn’t work. Can you assist please?
Thanks!

P.S: Please note that i want to remove the top header bar bar both for desktop and mobile devices. (in case there is any difference in the tweaks that should be done)

[Harry]

Hi,

Thank you for purchase!

1. You can remove text “Free shipping…” in JanStudio > Theme Option > Header > Header Top > Content Center

2. You can hide my account, wishlist icon by add custom CSS in JanStudio > Theme Option > General Layout > Custom CSS

.jas-action .jas-my-account, .jas-action .cb.chp.hidden-xs { display: none;}

You also can hide wishlist by disable plugin YITH Wishlist

3. You can remove Size Guide and Delivery & Return in JanStudio > Theme Option > WooCommerce > Product Detail Settings > Size Guide + Delivery & Retrun

4. You can remove social share icons by add custom CSS in JanStudio > Theme Option > General Layout > Custom CSS

.entry-summary .social-share { display: none;}

5. You can remove “In Stock” text by add custom CSS in JanStudio > Theme Option > General Layout > Custom CSS

.entry-summary .availability { display: none;}

Best regards

 

 

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

[tiltil]

As the title says, I want to remove “Filter” dropdown from category. Do I have to remove it by CSS?

[Harry]

Hi,

– For the image you have to optimize yourself by crop size and reduce file size at https://tinypng.com/

– With CSS and JS you have to use plugin to help you compress/ minify.

Best regards

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

[Harry]

Thank you for your rate and review.

30.  You can edit padding of separate element in Page

– With the row have 1 column https://monosnap.com/file/HdsULdfgSKbzkks5gXzZUASto5zpv4#

– With the row have 2 columns https://monosnap.com/file/5hwOXMLDLoyN309eZt3rp0gS80a0Yt#

– By default the “Text Block” element have margin-bottom: 35px; https://monosnap.com/file/GT9prKPPDFViwYR7HRFuK33G1A4Xao#

 

31. You can center the text by add custom css

@media only screen and (max-width: 736px) {

.result-count-order .woocommerce-ordering select { width: 100%; text-align: center;}

}

32. You can add custom css

@media only screen and (max-width: 480px) {

.metaslider .flexslider .caption-wrap h3 { font-size: 14px;}

.metaslider .slides img { height: auto;}

.metaslider .flexslider .caption-wrap h2 { font-size: 20px;  margin: 10px 0;}

a.button-o-w { line-height: 32px;}

.metaslider .flex-control-nav { bottom: -20px;}

}

 

33.  You can add custom CSS

@media only screen and (max-width: 1366px) { .jas-menu > li:not(:first-child) { margin-left: 35px; } }

@media only screen and (max-width: 1280px) { .jas-menu > li:not(:first-child) { margin-left: 26px; } }

 

34. The link you should replace in the button href in caption box

 

35. Sorry i don’t have experience with this issue

 

36. You should do on theme option because all your custom code on main css file will be remove when you update theme but on theme option it still keep.

 

Best regards

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