Jump to content

- - - - -

Adding line to highlight

This topic has been archived. This means that you cannot reply to this topic.
1 reply to this topic

#1 kaytee



  • Members
  • 5 posts

Posted 16 April 2013 - 10:03 AM

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;}


#2 Danny


    Is Awesome!

  • Moderators
  • 19838 posts

Posted 16 April 2013 - 10:30 AM



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.


Please Login or Register to see this Hidden Content


So your code should look like this:

Please Login or Register to see this Hidden Content