How do I add/edit responsive section background?

Elaine Smith
asked 11 years ago

Hi There,

I am trying to add/change the section background for the client section & portfolio section. I tried many ways but they just do not show up. I’ve uploaded the file to FTP and changed the style.css. Is there any other places i need to edit?

Also, how do i change the header background image in on smartphones? Right now it’s grey, but the a pc screen, it’s the right image.

Thank you!

4 Answers

DominicStaff
answered 11 years ago

To change the background in the client section & portfolio section, you can log in to Dashboard > Appearance > Editor. add the following code:
– Client section


/***change color*/

.section.clients {
background: #...;
}



/**change image*/

.section.clients {
background-image: url("assets/img/Title image.png");
}

-Portfolio section


/**change image*/

.section.portfolio {
background-image: url("assets/img/Title image.png");

}



/***change color*/

.section.portfolio {
background: #...;
}

firstly, you need to add your image you wish to use to the folder in the path:”wp-content\themes\dw-page-modern\img”

Also, To change the header background image in on smartphones, require to have some knowledge about code. If feel difficult, you can send me your site for further checking.

Regards,
Dominic

Elaine Smith
answered 11 years ago

Thank you very much for the wonderful support.

I am still in the process of design the site. I will give you a shout once i have the designed confirmed.

DominicStaff
answered 11 years ago

Please don’t hesitate to contact us if you have further questions.

Hope this helps !
Regards,
Dominic

kristiina
replied 11 years ago

Hello Dominic!

kristiina
replied 11 years ago

I’m struggling with the same problem with the backgrounds. I’ve already added the bg-color code from above to my CSS but the bg’s of the responsive sections are currently transparent, with the steady big bg-pic as the background. For some reason the bg-color or the Projects section for example doesn’t change regardless me adding the above code with color code #fff.

kristiina
replied 11 years ago

Could there be some other part in the code that I’ve changed that prevents the bg-color on the other sections from showing? Please let me know if you can think of any sections I need to check with this in mind. Thanks a lot! Sorry for the many messages.

DominicStaff
answered 11 years ago

@Kristiina !

To change the background-color for each page. please add the following code to the style.css file.


body {
    background: #..;
}

#introducing {
    background: #..;
}

.section.portfolio {
    background: #..;
}

#team {
    background: #..;
}

#client {
   background: #..;
}

#contact {
    background: #..;
}

Or please send me your for further checking.
Hope this help !