site title & description > add background colour

Shapely
1

Hello!

I’m trying to change the color of the text and add background colour to the text of the site title and description.

I did find a solution in a previous thread, but it changes ALL h1 and paragraph text across the front page

see my site here www.micmedia.co.uk

This is the custom css from the previous thread

.home .top-parallax-section h1 {
display:table;
margin:0 auto;
margin-bottom:10px;
background-color: #6a6f77;
padding:5px 25px
}

.home .top-parallax-section .mb32 p {
display:table;
margin:0 auto;
margin-bottom:20px;
background-color: #6a6f77;
padding:5px 25px

}

I’m sure it’s only a small bit of code, but I have no idea what!

Thanks
Vic

2

Good morning Vic

Sorry, but can you post direct URL of the page and reference text as an example you want to style?

3

Hello!

So I love the pink background that i have created on the title text here on image 1.

However, how do I stop that repeating for all H1 text on the front page?

Like for example on image 2

Here’s my site www.micmedia.co.uk

Is that more clear?

Thanks
Vic

4

Hi There,

In order to be able to change the background color on the top section, you need to change your CSS to target the specific classes.

.cover .fullscreen …

Hope this helps.

5

Sorry I wasn’t clear.

I love the background colour on the top section - I just want the code to tell it not to apply it to the rest of the H1 text on the front page.

Does that make sense?

Thanks
Vic

6

Hey there

You can use this code to apply your code only in one section:

#shapely_home_parallax-9 .image-bg h1 {
color: white;
display: table;
margin: 0 auto;
font-weight: bold;
background-color: #ff015b;
padding: 5px 25px;
}

7

Super helpful as ever - thanks x

8

Thank you :slight_smile:

This case is marked as resolved and is closed