Okay
  Public Ticket #2759419
Custom CSS not applied
Closed

Comments

  • djgw started the conversation

    Hi, 

    I've tried every which way to add some custom css to my home page without success. 

    In Kalium's theme styling, I've chosen to use the custom skin builder and have selected a dark skin as a default for the site. 

    However  I'd like to set the home page background white and have tried using css in several different ways including:

    adding to the Custom CSS page in Wordpress

    .home .body { 
    background-color: #000 important!; 
    }

    adding to the Parameters and Options section Custom CSS for the page itself

    body {
        background-color: #000;
    }

    adding the above code to the WPBakery Page builder custom CSS cog to be applied to the home page

    Not sure what I'm doing wrong, hope you can help.

    Thanks in advance,

    David


  •  1,558
    Laborator replied

    Hi David,

    Can you please share your site credentials here, because we need to login to your site and see this issue live. Your information is safe (private) in this thread.

    To include your credentials click Insert Credentials button in the editor toolbar. (See how)

    Best regards,
    Laborator Team


      Documentation         Join Kalium Users Group

  •   djgw replied privately
  •  1,558
    Laborator replied

    Hi there,

    Instead of changing the body  color change the wrapper color:

    .wrapper {
        background: #000000;
    }
    

    I have added it to Custom CSS and it works, also the background color can be changed through theme options:

    medium
    (view large version)


    Best regards,
    Laborator Team


      Documentation         Join Kalium Users Group

  • djgw replied

    Thanks Art,

    I want to override the background color on only one page,  not the whole site. 

    Using the inspect tool (which I should have checked before) I note if I set the background color of the vc-container I can change the color using the Custom Page Style panel at the botom of the page.  

    So this will solve the issue!

    Cheers,

    David

  •  1,558
    Laborator replied

    Hi David,

    As I can see you have already changed the color of the homepage to white using the .vc-container class.

    Best regards,
    Laborator Team


      Documentation         Join Kalium Users Group