Jump to content
Sign in to follow this  
nomadcapitalist

How to add code under header image

Recommended Posts

nomadcapitalist    0
nomadcapitalist

I want to add a custom horizontal opt-in under my header image but above the navbar at www.nomadcapitalist.com. I already have it coded to match the width of the header image.

 

I read somewhere here to go to Settings->Custom->Header Widgets, but I don't have such an option. Any ideas?

 

Also, I can't seem to figure out how to reduce the white space/padding around my header image. I'd like it to blend in with the similar colored background.

Share this post


Link to post
Share on other sites
Rob    547
Rob

Hi,

 

I think you're confusing some terminology. Let me clarify this so you're using the same wording we do. 

 

The Header is a complete section which includes the branding, navigation, social media, etc.  If you add something below it, that would be the content. I think you mean you wish to add a new section below the navigation.

 

As I understand it, you have custom code you want to add. Not knowing the nature of this code, it's hard to tell you how to apply it. Depending on the nature of the code, this may be done in one of two ways.

 

Can you tell me what kind of code we're talking about? Is it HTML, Javascript, PHP or something else?


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
nomadcapitalist    0
nomadcapitalist

Thanks for straightening out my post. I guess I'm saying under the "header image". Between the "header image" (right term?) and the navbar. It is basic HTML; a simple table running about 950x80 that contains my a "tease", my opt-in code, and an image submit button. Old school stuff.

Share this post


Link to post
Share on other sites
Rob    547
Rob

Hi,

 

You have two options:

 

1. You can implement a Full-Width Sidebar or Universal Sidebar, and place it under the Branding image (the name of the header image) via Dashboard > PageLines > Drag & Drop > Header.  Then, you go to Dashboard > Appearance > Menus and add a text widget in that sidebar. Paste your HTML code in the text widget and save.  The problem with this is you will have considerable padding and margins to contend with.

 

2. You can download Action Map plugin (free in our Store) and activate it. Also download and activate PageLines Customize.  And if you're a Plus member, you may optionally want to download Hooker plugin from our Store, too. When you use Action Map to find the correct hook, you can then paste the correct HTML to Hooker. Alternatively, you can craft your own hook for PageLines Customize in the functions.php file.  The downside to this is, it can be a little complex if you're not familiar with the process.  What you'll lose in time, you'll make up for in learning and effectiveness of your code.


Former PageLines Moderator, Food Expert and Raconteur

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

    • flourishdesignstudio
      By flourishdesignstudio
      Hello,
      I have an older site that was built using PageLines several years ago (prior to the release of DMS). I wanted to leverage some of the power of your new PL5 plugin but the theme prevents be from adding any generated custom sidebars to the theme (through the drag and drop interface) and does not allow me to add any PL5 sections/containers/etc to the header or footer. Is there any way to easily override that or am I stuck only using PL5 in the content areas of the site?
      Thanks so much for the help!
    • JP
      By JP+
      Hello,
      How can you set the translations with platform5, the parts that are not in pages or posts? Texts and images…
    • romanondrasek
      By romanondrasek
      hi all, I have some trouble using PL5 on my site. 
      I used plugins for event calendar (event on) and plugin (timetable responsive scheduler for WP) for schedule (classes) in the gym.
      The problem is, that post from this 2 plugins are shown without menu in header and footer. (I setup header and footer) in the page editor for all type of page. 
      When I create a lesson, it creates posts with slug (I have a slug "lekce" & event for events).
      I try to edit the post with PL editor, but editor is not opening on the post.

      Do you have some idea where should be some problem? Thanx so much.
      here are links for the sites :
      site with schedule :
      http://www.myfit.cz/rozvrh/
      site of one of the class (pilates)
      http://www.myfit.cz/lekce/pilates/
      site with calendar :
      http://www.myfit.cz/kalendar/
      7 side with one event from the calendar :
      http://www.myfit.cz/event/pilates-instruktor-akreditovana-licence/?ri=1
      when I have my site on DMS2 it was working :-(
       
       
    • Barnaby Skinner
      By Barnaby Skinner+
      Hey team,
      Really simple question: where would I add code to a specific page header? I can see in the settings I can add code to the global header, but can't see how to do it for a single specific page. It's related to facebook pixel tracking
      Cheers
    • Le Chef Est Une Femme
      By Le Chef Est Une Femme+
      Hey everyone
      I am very sorry if this question has a "deja vu"  taste but I have been looking for more than 2 hours a way to add a phone number in the top right corner of my header website.
      Before asking that, I have read many of the questions related to that subject, from hooks and action map to function.php and hooker plugin but I am very lost. Plus many links kindly given by some of you are now 404 pages
      Is there anyone willing to help me find the easiest way to add this number please ? 
      In advance, thank you 
      www.upgrad.paris
×