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.

    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.

    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 πŸ™‚

    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 πŸ™‚

    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.

    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.

    You are most welcome here πŸ™‚

Viewing 12 posts - 1 through 12 (of 12 total)

Popular choice

Professional Developers At Your Fingertips!

If you need services beyond standard support, we've got your back!

Services we offer:

Demo setup
Advanced customization
Layout adjustment
Graphic work / visualizations
Custom coding
Full WordPress development and design

Services

What we can offer

  • Demo setup +

    If you'd prefer not to handle the installation yourself or need help getting started, we'll set everything up for you.

  • Layout adjustment +

    We'll help you rearrange sections, adjust spacing, and modify the page structure to fit your needs.

  • Advanced customization +

    More complex styling changes, theme option modifications, and third-party integrations.

  • Custom coding +

    If you need something that's not included in the theme, we can code it for you.

  • Graphic work / visualizations +

    Web design services to create custom sections, pages, and blocks for your theme, plus graphics and visualizations.

  • Full WordPress development and design +

    Full website builds, custom theme development, or plugin creation from scratch.

  • About pricing +

    We'll provide a clear quote based on what you need. No hidden fees.

Professional Developers At Your Fingertips!

Custom Work Form