Home Forums Basel support forum Colored background

Colored background

Viewing 12 posts - 31 through 42 (of 42 total)
  • Author
    Posts
  • #272276

    pierredemeudon
    Participant

    Hi there,

    This is it. As to image, I don’t use revslider, maybe one of your demo that I used to start with? Anyway, yes, this css delivers what I was expecting, super!

    I have been able to change to get the color to #FFF5EE as well in the header and footers, here theme makes it easy. That said, there is one thing: when you scroll down on a given page, the header is changing in size, but aslo in color, switching to white. How to keep #FFF5EE in the Header when scrolling down?

    A suggestion: Maybe could you optimise the theme menu? “Site background” in “general layout” is potentially misleading. The 2 sides of WP are normally to be used for widgets and sidebars, whereas in Basel, widgets / sidebars are in the central section. Indeed, what you call “site background” refers to the 2 sides … whereas many could think that “Site background” refers to central part, or to full page, sides included like me.

    Thanks again

    #272514

    Hello,

    Please add this code to the Theme Settings > Custom CSS > Global:

    .sticky-header-prepared.basel-top-bar-on .header-shop.act-scroll{
    background-color:#FFF5EE;
    }

    Best Regards

    #272592

    pierredemeudon
    Participant

    Hi,
    Sorry, does not seem to work. To make it more standing out, I replaced #FFF5EE by deepskyblue #00BFFF

    here are the css:
    https://snipboard.io/iygn0C.jpg

    here are the header settings:
    https://snipboard.io/fvitBq.jpg

    The result when scrolling down:
    https://snipboard.io/7x50Wj.jpg

    Kind regards

    #272754

    Hello,

    I am a bit confused, please clarify once again what background you want to replace: sticky header or default header. Remove all the settings from the Theme Settings on the background.

    Best Regards

    #272787

    pierredemeudon
    Participant

    Hello,

    Sorry for the confusion. Will try to be clearer. Given what you wrote, for you, there are different headers (default, sticky, …) I don’t know what is for you the difference between sticky and default headers … there is only 1 header in your menu … though I guess the

    Original purpose is to have all white becoming very pale orange -#FFF5EE-
    Meaning backgrounds, header, footers, sidebards, widgets, etc.

    With the code below, it’s 90% OK
    .main-page-wrapper {
    background-color:#FFF5EE!important;
    }

    – the first remaining issue is what I call Header: it is “#FFF5EE”, but when scrolling down, it becomes white … instead of staying #FFF5EE (or maybe the default colored header is replaced by a another one which is white?)

    To make it clearer, I used blue instead of #FFF5EE, which is too close to white and not stressing the differences. In the screenshot below, all “backgrounds” are blue, including what I call “header” … but when scrolling down, it becomes white, instead of staying colored.
    https://snipboard.io/tpVDkN.jpg

    – When using the code below, the “header” (the sticky?) after having scrolled down remains white. I.e. no effect of this code on “header”
    .sticky-header-prepared.basel-top-bar-on .header-shop.act-scroll{
    background-color:#FFF5EE;
    }

    Hoping it’s clearer
    Kind regards

    #272860

    Hello,

    Please update your site admin access I cannot log in.

    Best Regards

    #272903

    pierredemeudon
    Participant

    Hi
    The credentials are the right ones, I think it’s because I updated the staging, what re-activated 1 security plugin on which you shall not be white listed.
    All plugins are now desactivated.
    Sorry, I missed this one.
    Kind regards

    #273232

    Hello,

    Please add this code to the Theme Settings > Custom CSS > Global:

    body .main-page-wrapper {
        background: #FFF5EE;
    }

    Best Regards

    #273309

    pierredemeudon
    Participant

    Hi,
    You already gave me this code. It works for the body, but issue is on header, which is becoming white when scrolling down instead of staying in color #FFF5EE as defined in settings.

    To correct this, you gave me that code, that it does not solve the problem
    .sticky-header-prepared.basel-top-bar-on .header-shop.act-scroll{
    background-color:#FFF5EE;
    }

    Kind regards

    #273334

    Hello,

    Please replace the code with this one:

    .main-header.header-has-no-bg.act-scroll {
        background-color:  #FFF5EE;
    }

    Best Regards

    #273358

    pierredemeudon
    Participant

    Hello,
    Now it works perfect.
    Probably you know but the 2 codes have to be on top of global CSS to work
    If they are below other codes, it does not work
    Thank you very luch
    Cheers

    #273382

    You are welcome! If you have any questions please feel free to contact us.

    Best Regards

Viewing 12 posts - 31 through 42 (of 42 total)