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

Topic Resolution: Resolved
Viewing 16 reply threads
  • Author
    Posts
    • #8875

      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

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

    • #8877
      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

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

    • #9694

      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

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

    • #9778

      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

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

    • #9785

      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!

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

    • #9852
      This reply has been marked as private.
    • #9859

      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

    • #9863

      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.

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

    • #9872

      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.
    • #9891

      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

    • #9964

      Wow, awesome, you’re best.

      Thank you so much Harry.

Viewing 16 reply threads

You must be logged in to reply to this topic.