Archived

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

  • 0

Adding line to highlight

Question

Posted · Report post

I've added this code to add a line below the highlight section. But how do I instead of having the line run across the whole page, only extend within the content area?

 

 

#highlight {
    border-bottom: 1px solid #FFFFFF;}

 

Share this post


Link to post
Share on other sites

1 answer to this question

Posted · Report post

Hi,

 

Firstly, we recommend you use the sections class not ID. You can finds this in:

 

<section id="highlight" class="container clone_1 section-highlight fix">

 

I have highlighted the correct class which you should use, this goes for all sections, you can find the sections class using Firebug or your browsers web dev tools.

 

Now if you wish to have a border-bottom for the content area of your site and not be full width, you will need to target the content container. Depending on your customisation method you may need to also use a PageLines override. You can get more information on this via our Custom CSS documentation.

 

http://support.pagelines.me/docs/customization/custom-css/

 

So your code should look like this:

#site .section-highlight .content { }

Share this post


Link to post
Share on other sites