Search Results for 'css'

[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

[Woop]

30. How to making similar indents

https://monosnap.com/file/eUog9fxY37FmVznyQPtLGwmu5DLbwW

 

31. How to align this to center

https://monosnap.com/file/3fjDIzU1S0VLlpeS2MXioElxAJTBpM

 

32. 3 slides problems

32.1 pagination of slides

32.2 text on slides

33.3 distortion of images

https://monosnap.com/file/bLGKq14MoypDjOkBG5pmjoUuguWfJt

 

33. How making better responsive of menu

https://monosnap.com/file/oDLOqrv6MThsKVTfKJ9NmqFXe9bfIc

 

34. Big slider bug

first look

https://monosnap.com/file/4kzL01OK8sSlFc6NZas8SSkMBNR3Sz

after

https://monosnap.com/file/VM6fCjl1ny7TKaf7yLptqWJLsrvNpI

 

 

35. Hosting support wrote to me that database had one problem – laravelpods. In this record absented a correct address in column guid

 

 

36. In main page  when the user points at the picture  I want to make a css effects. It is better doing on thehe oprions or main css file?

[knoto]

Hello, I want to improve my website, like reducing the HTTP Requests, enable compression, optimizing CSS etc. I was following this tutorial

https://gtmetrix.com/wordpress-optimization-guide.html

But the plugins that they recommend cannot be installed in wp, can you offer me a solution for improving those aspects of the website?

Thanks

[livio]

Yes, for me worked putting css styles on Aspect / personalize / add css

Thank=s

Sorry for noises

you very rock