Is it possible to change font size and color for only one box?

[babel08 0]

Hi, I found an answer to change for all the boxes: #boxes div.fboxtitle {font-size: #px;} #boxes div.fboxtext {font-size: #px;} but I would like to change the font only for one box. I am using three boxes on a page and want to change the third box on the right hand side. Thanks.

[MrFent+ 28]

please provide a link to your site

[babel08 0]

Hi The site is not live yet. Any way of doing this without seeing the site? Thanks

[kastelic 6]

Get Chrome and right-click each box to inspect it for a unique id or class, then target that in CSS.

[babel08 0]

I made some changes...I have posted my home page for today. I will try your suggestion. I assume if I want to change each box title color -I should do the same thing? When you say target in CSS-ou mean copy that code with changes into the custom CSS in pagelines?

[Jackey 29]

Every box has its own ID [code]#fbox12345[/code] The number "12345" is unique for every box. So inspect your page-code to obtain the identifier and use it in your CSS selector. Example: [code]#fbox12345 div.fboxtitle h3 {font-size: #px;}[/code]

[babel08 0]

Thank-you! I will give it a shot...

[babel08 0]

Hi, I tried this & nothing happened: #fbox475 div.fboxtitle h3 { color: #f1771d; }

[Jackey 29]

@babel08 Can't check without a link, please provide one if you can.

[babel08 0]

Sorry...it is http://www.backpackfilms.com. Looking to change the title color of Get a Quote box ( fbox475) and Tips box (fbox128). I wanted to change font size of the tesitmony box (fbox130) and text color. I tried to use the fbox numbers and styling code from other questions like mine, but I am obviously not doing coding it right. Thank-you.

[Jackey 29]

O.K. it is a link you want to change... so just add a [code]div#fbox475 div.fboxtitle h3 a { color: #f1771d; }[/code] You can change the hover color by adding :hover [code]div#fbox475 div.fboxtitle h3 a:hover { color: #FF0000; }[/code] If you don't want it to change color on hover replace the above with: [code]div#fbox475 div.fboxtitle h3 a, div#fbox475 div.fboxtitle h3 a:hover { color: #f1771d; }[/code] This is how you get there: [IMG]http://i.imgur.com/KGiRm.jpg[/IMG]

[babel08 0]

Hi... Ok I tried: div#fbox475 div.fboxtitle h3 a { color: #f1771d; } Nothing changed. I cleared cache and reloaded page -nothing.

[catrina 103]

Interesting, now the site loads for me. :) Try using this CSS: [code]div#fbox_475 div.fboxtitle h3 a { color: #f1771d;}[/code]

[babel08 0]

Fantastic! Thanks so much-- I really appreciate everyone's time in helping a non-coder customize a bit. Must learn CSS.

[babel08 0]

Well it's me again... I have one last issue on the boxes. I changed the title colors and hover links for the first two boxes with no problem, copy the code and changed the box ID number for the third box title, but it isn't working.. Thanks for your help. http://backpackfilms.com