Jump to content
Sign in to follow this  
nandorj78

The thin line just below the Masthead

Recommended Posts

nandorj78+    8
nandorj78

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

Share this post


Link to post
Share on other sites
greenfly    230
greenfly

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 - http://support.pagelines.me/docs/customization/custom-css/


The answer to many issues can be found by searching in the forum before posting as someone else  may very well have had the same problem before you have.  Also, reading the documentation can help you gain a good understanding of how everything works. 

 

Please do not send me private messages. Occam's razor - The principle states "Keep things simple!"

Share this post


Link to post
Share on other sites
nandorj78+    8
nandorj78

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

Share this post


Link to post
Share on other sites
Danny    1,327
Danny

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.

 

.section-boxes { border-bottom: 1px solid #EEE; }

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


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
greenfly    230
greenfly

Hi fernando 

 

Using Firebug and 'inspect' - just hover over the line to select it as follows http://d.pr/i/FF9I


The answer to many issues can be found by searching in the forum before posting as someone else  may very well have had the same problem before you have.  Also, reading the documentation can help you gain a good understanding of how everything works. 

 

Please do not send me private messages. Occam's razor - The principle states "Keep things simple!"

Share this post


Link to post
Share on other sites
nandorj78+    8
nandorj78

Thanks guys!

  • Like 1

Share this post


Link to post
Share on other sites
greenfly    230
greenfly

No problem - have you managed to get the code? 


The answer to many issues can be found by searching in the forum before posting as someone else  may very well have had the same problem before you have.  Also, reading the documentation can help you gain a good understanding of how everything works. 

 

Please do not send me private messages. Occam's razor - The principle states "Keep things simple!"

Share this post


Link to post
Share on other sites
nandorj78+    8
nandorj78

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

Share this post


Link to post
Share on other sites
mackenzie    12
mackenzie

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


Mackenzie - PageLines Help Desk

The Centsible Family - Writer, Photographer and Coffee Addict

---------------------------------------------------

Kindly search this forum and read the documentation before posting. It will help you resolve many issues.

For CSS help be sure to check out W3Schools first and be sure to download FireBug for FireFox for troubleshooting.

Share this post


Link to post
Share on other sites
nandorj78+    8
nandorj78

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

Share this post


Link to post
Share on other sites
James B    436
James B

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 http://support.pagelines.me/docs/customization/custom-css/ or check this video tutorial which will show you how to use the inspector.

 


Kindly search the forum and read the documentation before posting. It will help you resolve many issues.

For CSS help be sure to check out W3Schools first and be sure to download FireBug for FireFox for troubleshooting.

James B

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  

  • Similar Content

    • StuLeeUK
      By StuLeeUK+
      Good morning,
      I have set up my homepage using the Elements sections, a Masthead at the top and then a selection of Heroes lower down.
      I only just realised that the Heroes set a H1, as does the Masthead.
      Is there an easy way I can change the Heroes to an H2/H3 etc so as to improve the structure of my headers, whilst keeping the Masthead as H1?
      I really don't know much at all about CSS, which is why I use Pagelines because it's just so easy to create good looking pages without too much confusion.
       
      page for reference is https://www.avangocouriers.co.uk
      Thanks,
      Stu
    • bjs198
      By bjs198
      Hey there,
       
      I use quite a few templates to handle the look and feel of many many pages on a site and then populate the templated pages with a wp-content loop. However a client has asked that I effectively place a DMS2 Masthead at the top of each page as they prefer the styling of the title & tagline to the standard in WP. Obviously I can't do this when using templates as the Masthead would just replicate over all the associated templated pages, so could you please tell me if it's possible to recreate the title and tagline styling of the Masthead using HTML rather than CSS in the text view of the wp-content editor? I did inspect the HTML/CSS but came up fruitless...
       
      Hope that makes some kind of sense, and please excuse my coding ignorance :)
       
      Best
       
      Barney
    • knasen81
      By knasen81
      Hi! I want to link a button in the musthead så that when clicked it send the visitor to a lower position/place in the same page. It is clear how you can type a link in a button så that the person sends to another page, but how do you send them to a lower place in the same page?
       
       
    • MobileParity
      By MobileParity+
      My Masthead text is not formatting to mobile devices. It was working fine last week and once I added the ShareBar section everything got a little off. At first I thought it was the width of the ShareBar that was causing the issue so I used a media query to resize the width and it works for the tablet size of 767px however my Masthead text is now askew and does not resize for the screen. I am using FitText.js to resize the headings (h1, h2, etc). Here is the media query that I am using for the ShareBar. For some reason I am 
       
      @media only screen and (max-width:767px) {  #sharebarui2dj1f .pl-sharebar { width:540px;     } }  
       
       
      Website URL:www.bingerr.com
      Framework Version:dms2
      WordPress Version:4+
      Plugins in Use:FitText.js
      Server/Host:flywheel
      Screenshots:
      Details:
    • DanatTLFN
      By DanatTLFN
      Hello there!
       
      I'm a bit panicky this evening as I was just making a quick change to the top half of my page when the DMS decided to stop loading up.
       
      The steps I took before refreshing are as follows: 
       
      Added in a Masthead
      Embedded a YouTube Video into the Video field on the editing panel
      Refreshed 
      Began pulling hair out
       
      After this I went to troubleshoot it and have deactivated all plugins however the problem still persists with all plugins deactivated. I am pretty sure it is a something to do with the Masthead, however not being able to get in and remove that section, makes seeing a solution somewhat rather difficult.
       
      Anyway I shall look forward to hearing your response.
       
      PS. I am running DMS 2 
      GoDaddy hosting
      and 21 Plugins all of which I have mentioned in previous posts.
×