WebWerx 0 Report post Posted June 28, 2012 I am baffled with changing the H3 font here: http://cl.ly/3F323r1e1A062p1v0B3l I cannot seem to find the right selector to target the CSS that controls this selector only. .fboxtitle h3 { color: #F0141E; font-family: 'Alfa Slab One',sans-serif; font-size: 35px; font-weight: normal; letter-spacing: 0.02em; padding-bottom: 0.4em; padding-left: 0; padding-right: 0; padding-top: 0; } In other words I only want to change the font size for these 3 boxes. And since I am using Boxes elsewhere, changing the code I have above will not help me as my change will take affect on all boxes. When I look at the CSS with Firebug I see this for the first video: "". Moving up the chain I find this: "". So I believe that this is where I need to be. But I cannot get things to take properly in custom.css. "It is the bain of my existence"! Somebody please toss me some CSS love..... @};- Share this post Link to post Share on other sites
Jenny 33 Report post Posted June 28, 2012 You can.. 1. Target the page with [code].page-id-16[/code] 2. Target each box separate with [code]#fbox_7562[/code] (plus the selectors for the other boxes) I see a .fboxtitle h3 in your custom CSS but I can't tell if it's in the custom CSS box or in the child theme. Make sure you don't have that selector in both places. custom CSS box always overwrites child theme. Hope that helps! ♥ Jenny :: Web designer at Simple Mama (follow me at @simplemamacom) Check out Share Me, a social sharing add-on for DMS that is super simple to set up. Share this post Link to post Share on other sites
WebWerx 0 Report post Posted June 28, 2012 @simple_mama: Like this Jenny?: [code] .page-id-16#fbox_7562.fboxtitle h3 { color: #F0141E; font-family: 'Alfa Slab One',sans-serif; font-size: 35px; font-weight: normal; letter-spacing: 0.02em; padding-bottom: 0.4em; padding-left: 0; padding-right: 0; padding-top: 0; }[/code] PS All of my custom CSS is handled in the Base Theme CSS file. Share this post Link to post Share on other sites
Jenny 33 Report post Posted June 28, 2012 Well all of that isn't really necessary. You should really do one or the other. So if you want all boxes on that page to use the same h3, then you only need to use [code].page-id-16 .fboxtitle h3[/code] But if you're only going to change, say, half of the boxes on that page, then skip the page declaration entirely and use individual box css selectors, like (ps. the space is needed after 7562) [code]#fbox_7562 .fboxtitle h3[/code] ♥ Jenny :: Web designer at Simple Mama (follow me at @simplemamacom) Check out Share Me, a social sharing add-on for DMS that is super simple to set up. Share this post Link to post Share on other sites
WebWerx 0 Report post Posted June 28, 2012 Thanks a bunch Jenny (@simple_mama)! I chose option number 2: http://paste.pagelines.com/8lu as I needed to keep the H3 Title tag at a larger font size. It looks much better: http://cl.ly/2Z3l1U2q2N1x142S1A2C You really are teaching me alot about CSS. I am beginning to appreciate the power of the granularity. Share this post Link to post Share on other sites
Jenny 33 Report post Posted June 29, 2012 Yes that looks much better. :) And I'm glad to help! ♥ Jenny :: Web designer at Simple Mama (follow me at @simplemamacom) Check out Share Me, a social sharing add-on for DMS that is super simple to set up. Share this post Link to post Share on other sites