Home Forums Themes Support Claue want to change the look of top header text size and color

Topic Resolution: Resolved

This topic contains 16 replies, has 2 voices, and was last updated by  R Vision 2 months, 1 week ago.

Viewing 15 posts - 1 through 15 (of 17 total)
  • Author
    Posts
  • #8875
    R Vision
    Support Expired

    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

    #8876

    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

    #8877
    R Vision
    Support Expired
    This reply has been marked as private.
    #8885

    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

    #9694
    R Vision
    Support Expired

    Hi Harry,

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

    #9701

    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

    #9778
    R Vision
    Support Expired

    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.

    #9784

    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

    #9785
    R Vision
    Support Expired

    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.

    #9789

    You’re welcome.

    Feel free contact us if you need more help.

    Have a nice day!

    #9852
    R Vision
    Support Expired
    This reply has been marked as private.
    #9859

    Hi,

    I see your page now full screen background in content.

    Did you fix this?

    #9863
    R Vision
    Support Expired

    Hello Harry,

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

    #9869

    Hi,

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

    #9872
    R Vision
    Support Expired

    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.
Viewing 15 posts - 1 through 15 (of 17 total)

You must be logged in to reply to this topic.