SIngle Portfolio Page BAckground

Home › Forums › Jevelin Theme › SIngle Portfolio Page BAckground

Home › Forums › Jevelin Theme › SIngle Portfolio Page BAckground

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    RESOLVED Posts

  • lukarebello
    Participant

    <p style=”text-align: left;”>Hey , how do I change the background color of the intire single page of the Portfolio ? Its white I want it black.</p>
    (img attached)

    Thanks

    Attachments:
    You must be logged in to view attached files.

    Shufflehound Support
    Moderator

    Hi @lukarebello,

     

    I hope you are well today and thank you for your question.

     

    You can achieve it by adding the following CSS code in the Custom CSS code option of your theme on the below path.

    Admin Area -> Appearance -> Theme Settings -> Custom Code -> CSS Code

     

    body.single-fw-portfolio {
    background-color: #d0c0c0;
}

     

    You can change the color value in the above code to whatever you want to use by referring the following pages.

     

    http://www.w3schools.com/html/html_colors.asp
    http://www.w3schools.com/html/html_colorvalues.asp
    http://www.w3schools.com/tags/ref_colorpicker.asp

     

    Best regards,
    Shufflehound team

    lukarebello
    Participant

    Hello my friend, unfortunatelly, it does work for 1 second then it goes back to white. Please help me. thanks 🙂

    Attachments:
    You must be logged in to view attached files.

    Shufflehound Support
    Moderator

    Solution for this topic

    Please try using the below CSS code instead.

     

    body.single-fw-portfolio .sh-titlebar,
body.single-fw-portfolio.sh-footer-paralalx-init .content-container {
    background-color: #d0c0c0;
}

    lukarebello
    Participant

    Hello, thank you so much, thats great.

    I would also love to change the background of the blog page as well, can you please send me the code for that too?

    thanks a lot 🙂

    Shufflehound Support
    Moderator

    Solution for this topic

    For the blog page use the below CSS code.

     

    body.blog .content-container {
    background-color: #d0c0c0;
}

    lukarebello
    Participant

    Hey, great, it works ! can I have the blog single page code as well?

    thanks a lot 🙂

    Shufflehound Support
    Moderator

    Solution for this topic

    For single post use the below CSS code.

     

    body.single-post .sh-titlebar,
body.single-post .content-container {
    background-color: #d0c0c0;
}

     

    And for single page use the following custom CSS code.

     

    body.page .content-container,
body.page .content-container .sh-section {
    background-color: #d0c0c0;
}

    lukarebello
    Participant

    hey, it works for 1 sec then goes back to white.

    Shufflehound Support
    Moderator

    Where are you using it? On single page or single post?

     

    Could you please share me the page URL from your site where it is not displaying correctly so that i can troubleshoot it?

    lukarebello
    Participant

    Hello, it was my mistake, its working fine , thanks a lot for all your help.

    Shufflehound Support
    Moderator

    You are most welcome here 🙂

  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)