Jump to content
Sign in to follow this  

Adding line to highlight

Recommended Posts


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



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.




So your code should look like this:

#site .section-highlight .content { }

Please search our forums, before posting!

Share this post

Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Sign in to follow this