6 replies to this topic

[willowtee]

Hi Guys

I'm just starting on a new sites which you can see here -

Please Login or Register to see this Hidden Content

password = "acai"

Im wanting to add a semi transparent background color to each individual box, then center the text and photo in each box.

I'm usually ok at identifying the elements I want to apply CSS to with Chrome developer tools, but I'm having trouble with this.

I've tried -



div.grid-element.pp4.img_grid {background: rgba(255,255,255,0.7);
}

and a few other variations with no success


Also none of the other solutions mentioned on the forum worked for me

One other workflow question - when you are inspecting a page with Chrome dev tools (for those who use it) is there away to select a element and copy the name so it can then be directly pasted into ones stylesheet? Or is this the reason firefox is so popular


Any help would be much appreciated

Thanks
WT

[Danny]

Hi,

Add this to your custom CSS and this will centre align your image and give each box a transparent background:

Please Login or Register to see this Hidden Content

[willowtee]

Thanks for your response Danny,

I've tried that and it doesn't work?

Any other suggestions?

Thanks
Tom

[James B]

Hi Tom try the three pieces of code below.

Please Login or Register to see this Hidden Content

Please Login or Register to see this Hidden Content

Please Login or Register to see this Hidden Content

[willowtee]

Actually - I realised i had a problem with my stylesheet and Danny's code did work.

Thanks Very Much!

[James B]

Excellent, glad it worked

[James B]

The topic was marked as resolved.