want to change the look of top header text size and color

[R Vision]

Hello, I want to change the color and size of top header text “Summer sale discount off 50%! Shop Now”. I want to make it little bigger and want to change color of Summer Sale to something else. Can you please tell me how can I do this

[Harry]

Hi,

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

.header__top .header-text {
font-size: 14px;
color: #878787;
}

You can change 14 with your site and #878787 with your color

Best regards

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

[R Vision]

This reply has been marked as private.

[Harry]

Hi,

You can add custom css

@media only screen and (min-width: 736px) {
.products .jas-col-xs-6 {
flex-basis: 100%;
max-width: 100%;
width: 100%;
}
}

Best regards

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

[R Vision]

Hi Harry,

I’d like to know how can I disable header and footer completely on a single page.

[Harry]

Hi,

You can disable header and footer on single page by add custom css in Claue > Theme Option > General Layout > Custom CSS

.single-product #jas-header, .single-product #jas-footer { display: none;}

Best regards

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

[R Vision]

Hi Harry,

After adding this code, header and footer of all products are removed. I want to hide header and footer of a page (not product page). I think I need to mention page ID too in code.

[Harry]

Hi,

You can inspect element of chrome, firefox to know page ID http://take.ms/20tdW

so the css for specific page is

.page-id-4082 #jas-header, .page-id-4082 #jas-footer { display: none;}

Best regards

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

[R Vision]

Hi Harry,

Thanks for the code but seems it’s not working. I added

.page-id-6708 #jas-header, .page-id-6708# jas-footer { display: none;}

but nothing happened (cleared cache and tried in private mode). 6708 is the ID of page where I want to hide header and footer.

 

Update: It worked! Thanks for the help harry.

[Harry]

You’re welcome.

Feel free contact us if you need more help.

Have a nice day!

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

[R Vision]

This reply has been marked as private.

[Harry]

Hi,

I see your page now full screen background in content.

Did you fix this?

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

[R Vision]

Hello Harry,

Yes I tried to fix this but original image is getting cropped, is there any solution to show original size image?

[Harry]

Hi,

The image now fit with screen, i think it ok. If you display original image how it look on different screen.

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

[R Vision]

Hello Harry,

Original is attached in this message, you can see the image content is cropped from top, bottom, left and right (all sides).
Is there any way to show image without cropping.

Attachments:

You must be logged in to view attached files.

[Harry]

I help you make the image responsive http://take.ms/HbT8q

Best regards

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

[R Vision]

Wow, awesome, you’re best.

Thank you so much Harry.

[Author]

Posts