Archived

This topic is now archived and is closed to further replies.

  • 0

The thin line just below the Masthead


Question

Posted · Report post

Hi,

There's a very thin line just below the masthead section.

 

How can I add this very same line to the box section?

 

Thanks

Share this post


Link to post
Share on other sites

11 answers to this question

Posted · Report post

Using Firebug or your browsers built-in web dev tools, inspect the Masthead sections to find the correct code.

 

For assistance visit our custom CSS documentation - http://support.pagelines.me/docs/customization/custom-css/

Share this post


Link to post
Share on other sites

Posted · Report post

I tried that, but couldn't find the specific code for that line.

Share this post


Link to post
Share on other sites

Posted · Report post

All sections have a unique class, which can be found in <section> tag, it usually looks similar to this .section-sectionname. For the Boxes section, it is .section-boxes.

 

So you can use that class along with the border property.

 

.section-boxes { border-bottom: 1px solid #EEE; }

You may also need to use a PageLines override, you can find more information on this on the link Martin provided above.

Share this post


Link to post
Share on other sites

Posted · Report post

Hi fernando 

 

Using Firebug and 'inspect' - just hover over the line to select it as follows http://d.pr/i/FF9I

Share this post


Link to post
Share on other sites

Posted · Report post

Thanks guys!

1 person likes this

Share this post


Link to post
Share on other sites

Posted · Report post

No problem - have you managed to get the code? 

Share this post


Link to post
Share on other sites

Posted · Report post

I added the line Danny suggested and nothing happened. :(

Share this post


Link to post
Share on other sites

Posted · Report post

I think Danny's code was just a suggestion and generic. Where you able to locate the actual item in FireBug with FireFox?

Share this post


Link to post
Share on other sites

Posted · Report post

I think Danny's code was just a suggestion and generic. Where you able to locate the actual item in FireBug with FireFox?

 

Not really :(

Share this post


Link to post
Share on other sites

Posted · Report post

Danny's code related to the boxes section, you'll need to edit that code so it reflects the masthead section. Ie .section-masthead

 

To see how to inspect elements using the developer tools check http://support.pagelines.me/docs/customization/custom-css/ or check this video tutorial which will show you how to use the inspector.

 

Share this post


Link to post
Share on other sites