Background Image Pages

Shapely
1

Hello,
I’d need some infos about the picture I attached.

A- I’d like to change the background image for every page of the website
B- I’d like to change the font width and color to white of the title only for these page headers. I tried to modify the font style on the css, but the problem is that by doing this it will change also the font in the homepage used for ‘About Us’ as it is h3.

How could I solve these?

Here’s the url: http://www.orioninternationalgroupltd.com/

Thank you very much for your consideration.

Best regards,

Andy

2

Hi Andy,

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

A- I’d like to change the background image for every page of the website

You can try achieving this by adding the following CSS code in the Custom CSS option of your theme on the below path.

Admin Area -> Appearance -> Customize -> Shapely Options -> Other



body.page-id-1504  section.page-title-section.bg-secondary {
    background-image: url("http://www.orioninternationalgroupltd.com/wp-content/uploads/2016/08/header_thecompany_01.jpg");
}

You have to use above CSS code for every page where you want to change the image and you have to change page id number 1504 to that page id and background image URL whatever you want to set for that page.

B- I’d like to change the font width and color to white of the title only for these page headers. I tried to modify the font style on the css, but the problem is that by doing this it will change also the font in the homepage used for ‘About Us’ as it is h3.

To achieve this use the below CSS code.


.page-title-section h3.page-title {
    color: #fff;
    font-size: 38px;
}

Best Regards,
Movin

3

Hi Movin,

thank you for your reply. Everything works fine.

Have a great day,

Andy

4

You are most welcome here :slight_smile: