Adding texture background

Lots of info in this Snippet.

The area you’re trying to target is #main-wrapper.

Hi Ardell, the main wrapper seems to cover the feature images as well though? I have changed the main-wrapper, but would like the colour to go full width and not over the feature images too?

Also, that changes the colour on all pages. Is it possible for just the home page?

Like this site: https://www.foodforfitness.co.uk/

Where it has: Good afternoon & welcome to Food For Fitness
The fat loss, muscle gain, corporate wellness & sports nutrition specialists

The whole page can be covered by using body{}

Then to limit to Home page, make it body.home {}

Thanks, what about the fact that the colour goes over the featured image area too? I don’t know how to limit it to just above the images.

I would like it to be full width and a certain amount of pixels in height.

Thanks

Can’t see it on your current site. Lateral thinking: You need to fill the full area with image and then style the remaining FI area.

You can limit the height with max-height: 100px;

I have no idea how to do that rdell.

I removed the text as it looked silly. I thought about added a coloured box in (as I don’t mind if it’s textured or not) but there was white edges. I didn’t know how to edit the padding or the size of the box?

OK, back to square 1. I’ve looked through all the links and can’t see:

“Welcome to Alba Fitness! We run corporate fitness and well being programmes that are designed to improve staff productivity and reduce absenteeism and staff turnover.”

The link is taking me to the Home page. I’ve clicked on the logo to make sure I’m on the Home page. I’m not seeing a Slider. I’m seeing a single image:

“Welcome to Alba Fitness, The corporate fitness and well being specialists.”

https://www.albafitness.com/wp-content/uploads/2014/01/Money-slider.jpg

So it appears that you have not set up your slider as intended. See documentation.

What am I missing? Which page are you trying to change?

Hi Rdell,

Yes, I want to add a box of colour full width below the slider, in which I can write in. like on https://www.foodforfitness.co.uk

where it says “Good evening & welcome to Food For Fitness
The fat loss, muscle gain, corporate wellness & sports nutrition specialists”

I know how to add text there but no idea how to make the box. I removed the slider as I’m going to be changing it.

Try this snippet, but rather than 2px see if 40px gives you the box. Then we can work out how to add the text.

That gives me the block of colour I need thanks! Just need to find out how to add text inside it!