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.