Jump to content


Photo
- - - - -

Adding line to highlight


  • Please log in to reply
1 reply to this topic

#1 kaytee

kaytee

    Newbie

  • Members
  • 5 posts
  • Framework Version:3.4.2

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

Danny

    Is Awesome!

  • Moderators
  • 16342 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 16 April 2013 - 10:30 AM

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.

 

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