manage whitespace in highlight module

[wonderwoman 0]

Hi, I'd like to change the whitespace around the highlight module text. I know what doesn't work - #highlight .highlight-area { padding: 5px 0px 15px 0px; } #highlight .content-pad { padding: 1px 0px 1px 0px; } I'm using the inspect element tool and can see a large purple space around the highlight headline and subhead. I just can't seem to figure out exactly what that area is.

[catrina 103]

I'm not sure how you want to edit the highlight area, but I highly recommend using Firebug for Firefox to identify the area you want to adjust and figure out the CSS from there. You can download it here: http://getfirebug.com/ To learn how to use it, see here: http://www.pagelines.com/docs/customization#101

[wonderwoman 0]

Hi Catrina, I'm using the firebug for firefox, and that's how I came to describe the "purple area" around the highlight header text. That's what caused me to create the custom code statements that I found don't work. So I'm still stumped about how to manage the whitespace around the highlight text - both header and subheader.

[catrina 103]

Can you post a link to your site?

[wonderwoman 0]

Sure Catrina www.morecustomersmoresales.com.au it's the home page. And thank you for your continued involvement and support!

[catrina 103]

Hello, I don't see this purple area you speak of. Can you take a screenshot and post it here please?

[wonderwoman 0]

Hi Catrina Sorry for the delay in getting back to you. I've finally found the code in question and have made the changes I'm after. For the benefit of anyone else, here 'tis #highlight .content-pad .highlight-area { padding: 40px 15px; }