How to keep image in Background and stick header colors

1.Hii, How can i keep the desired image in background of sub header area


2.How to edit colour of the sticky header and normal header

3 What are the portfolio image sizes and shop image sizes

website Link:

https://colourscanvass.com/

Comments

  • Hi,

    1) Please open the page options, and there you will be able to set the Subheader image.

    2) In Betheme -> Theme options -> Header & Subheader -> Header, and at the bottom, you can choose if the sticky header should be dark, white, or take its style from the regular header.

    If you want to have a completely different style, you will have to write a custom CSS code.

    3) There are many types of featured images in the theme. Here are instructions for changing them:

    1. To change the size of the images used in the portfolio/blog, please navigate to theme options -> blog & portfolio -> featured image.

    2. To change the default WordPress gallery images' size, please go to settings -> media.

    3. The size of the woocommerce images depends on the style you choose in theme options -> shop.

    Notice!

    Remember to use thumbnail regeneration after you make your changes. Otherwise, the images will not change their size.

    Thanks

  • For Second Point : If you want to have a completely different style, you will have to write a custom CSS code.

    Can i get custom code I want this color as my sticky header #CC7722 (Please provide for header also)

  • edited July 2022

    .sticky-tb-color #Top_bar.is-sticky {

      background-color: #CC7722;

    }


    #Top_bar.is-sticky {

      background-color: #CC7722;

    }


    Is this correct ?? I tried to change with above code, still mobile view hasn't changed... Please help me... Thanks in Advance

  • The second one is almost perfect, but you need to add !important to the color.

    It should look like this:

    #Top_bar.is-sticky{
       background-color: #CC7722!important;
    }
    

    Thanks

  • Hi BeTheme,

    In About me page how to reduce the gap between title "Reviews about my work" to reviews

    https://colourscanvass.com/about-me/


    How to shift this Author image to Right side in mobile view - https://colourscanvass.com/about-me/


    Thanks in Advance

  • 1) This space is because of the review section's padding.

    Please, edit this section, and delete or decrease this padding. You should find it in the Deprecated field.

    2) As I can see, this image is placed as the section background, with the Deprecated options.

    Please, remove this image from the Deprecated field, and put it again but in the Advanced -> Background because there you can choose its size and position between different displays.

    Thanks

Sign In or Register to comment.
This website uses cookies

We use cookies to personalise content and ads, to provide social media features and to analyse our traffic. We also share information about your use of our site with our social media, advertising and analytics partners who may combine it with other information that you’ve provided to them or that they’ve collected from your use of their services.

Cookies are small text files that can be used by websites to make a user's experience more efficient.

The law states that we can store cookies on your device if they are strictly necessary for the operation of this site. For all other types of cookies we need your permission. This means that cookies which are categorized as necessary, are processed based on GDPR Art. 6 (1) (f). All other cookies, meaning those from the categories preferences and marketing, are processed based on GDPR Art. 6 (1) (a) GDPR.

This site uses different types of cookies. Some cookies are placed by third party services that appear on our pages.

You can at any time change or withdraw your consent from the Cookie Declaration on our website.

Learn more about who we are, how you can contact us and how we process personal data in our Privacy Policy.

Please state your consent ID and date when you contact us regarding your consent.