Jump to content


Photo
- - - - -
Resolved

Boxes Background Colour



This topic has been archived. This means that you cannot reply to this topic.
6 replies to this topic

#1 willowtee

willowtee

    Advanced Member

  • Members
  • 54 posts

Posted 30 October 2012 - 04:33 AM

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

#2 Danny

Danny

    Is Awesome!

  • Moderators
  • 17580 posts

Posted 30 October 2012 - 08:17 AM

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



#3 willowtee

willowtee

    Advanced Member

  • Members
  • 54 posts

Posted 30 October 2012 - 10:01 PM

Thanks for your response Danny,

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

Any other suggestions?

Thanks
Tom

#4 James B

James B

    Advocate

  • Members

  • 5126 posts

Posted 30 October 2012 - 10:42 PM

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



#5 willowtee

willowtee

    Advanced Member

  • Members
  • 54 posts

Posted 30 October 2012 - 10:46 PM

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

Thanks Very Much!

#6 James B

James B

    Advocate

  • Members

  • 5126 posts

Posted 30 October 2012 - 11:09 PM

Excellent, glad it worked

#7 James B

James B

    Advocate

  • Members

  • 5126 posts

Posted 30 October 2012 - 11:09 PM

The topic was marked as resolved.