Jump to content


Photo
- - - - -

The thin line just below the Masthead

masthead box

  • Please log in to reply
11 replies to this topic

#1 nandorj78

nandorj78

    Advanced Member

  • Members

  • 78 posts
  • Country: Country Flag

Posted 05 April 2013 - 11:39 AM

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



#2 greenfly

greenfly

    Advocate

  • Members

  • 3268 posts
  • LocationManchester, England
  • Framework Version:latest
  • Country: Country Flag

Posted 05 April 2013 - 11:41 AM

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 - 

Please Login or Register to see this Hidden Content



#3 nandorj78

nandorj78

    Advanced Member

  • Members

  • 78 posts
  • Country: Country Flag

Posted 05 April 2013 - 11:43 AM

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



#4 Danny

Danny

    Is Awesome!

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

Posted 05 April 2013 - 11:52 AM

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.

 

Please Login or Register to see this Hidden Content

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



#5 greenfly

greenfly

    Advocate

  • Members

  • 3268 posts
  • LocationManchester, England
  • Framework Version:latest
  • Country: Country Flag

Posted 05 April 2013 - 11:53 AM

Hi fernando 

 

Using Firebug and 'inspect' - just hover over the line to select it as follows 

Please Login or Register to see this Hidden Content



#6 nandorj78

nandorj78

    Advanced Member

  • Members

  • 78 posts
  • Country: Country Flag

Posted 05 April 2013 - 11:58 AM

Thanks guys!


  • greenfly likes this

#7 greenfly

greenfly

    Advocate

  • Members

  • 3268 posts
  • LocationManchester, England
  • Framework Version:latest
  • Country: Country Flag

Posted 05 April 2013 - 12:01 PM

No problem - have you managed to get the code? 



#8 nandorj78

nandorj78

    Advanced Member

  • Members

  • 78 posts
  • Country: Country Flag

Posted 05 April 2013 - 03:33 PM

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



#9 mackenzie

mackenzie

    Advocate

  • Members
  • 333 posts
  • Country: Country Flag

Posted 05 April 2013 - 04:49 PM

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



#10 Jenny

Jenny

    Advocate

  • Unicorn Store Dev

  • 2924 posts
  • LocationWV
  • Country: Country Flag

Posted 05 April 2013 - 04:56 PM

That is the default code. You will need to change it to remove the border. More info on CSS borders can be found at

Please Login or Register to see this Hidden Content



#11 nandorj78

nandorj78

    Advanced Member

  • Members

  • 78 posts
  • Country: Country Flag

Posted 05 April 2013 - 06:36 PM

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 :(



#12 James B

James B

    Advocate

  • Members

  • 5126 posts
  • LocationSurrey - UK
  • Country: Country Flag

Posted 05 April 2013 - 11:05 PM

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

Please Login or Register to see this Hidden Content

or check this video tutorial which will show you how to use the inspector.

 







Also tagged with one or more of these keywords: masthead, box