Jump to content

Archived

This topic is now archived and is closed to further replies.

davemoppert

Masthead buttons open up a modal?

Recommended Posts

davemoppert    6
davemoppert

Hey guys - Has anyone ever tried to get the Pagelines Masthead buttons (or any section buttons for that matter) to open up a modal popup instead of link to a new page? I am trying to do that with my latest site and would love some help/guidance on how to accomplish this feat. I know Pagelines has a suite of tools including a shortcode for modal popups -- just don't know how/or if it is possible to make the Masthead link a modal popup instead. Looking forward to any help. 

Share this post


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

I've done this but it's a bit of a hack. Add # to the required url field and then the modal shortcode into the button text field. 

 

http://screencast.com/t/S8PFv1JOD2Vt

 

This then gives you two buttons when you save/refresh. One being created by the masthead code, one by the modal link. Use css to hide the button created by the masthead leaving only the modal button active.

 

.masthead .btn-large {
    display: none;
}

 

End result - http://screencast.com/t/dYJwgdaB0kum


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

  • 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
    • Jesper
      By Jesper+
      Is there a way to create modal popups? It was possible ind DMS2
    • arcangel
      By arcangel
      Hi
      I hope someone can help I have built a landing page for my client using Pagelines DMS.
      http://inspire.arcangel.com/landing-page/
      At the bottom of the page there are some flags each opens a different modal with a 'RightSignature' contract within an Iframe.
      All works fine on a desktop, but for some reason when trying to go to the landing page on a handheld device it starts loading the page then all of a sudden it loads up a page displaying one of the contracts instead.
      Does anyone know what could be causing this? or think of a solution?
      Many thanks
      Lee
       
    • 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?
       
       
×