Jump to content

Archived

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

richardjacruz

Link not working in header using hook

Recommended Posts

richardjacruz

Please look at the site at http://www.connectingonline.org. I place a pair of dogtags and a phone number using a Pagelines-Cutomize hook. Unfortunately, I can't get the dogtag to link to the "/donate/" page. When I inspect the element, it appears that where I placed this covers the entire header area. Is there a way for me to get around this? I'd also like to make the dogtag animate as a rollover. I tried putting in basic HTML rollover script, but it broke the site on line 47 of the pagelines-customize/functions.php file.

 

I saw some posts about a plugin called "Branding," but I didn't see it available for Framework (only DMS). Any recommendations?

 

Thanks.

Share this post


Link to post
Share on other sites
Jake

Hi richardjacruz - You can sort of force the primary branding elements behind your donate button by adding the following to your custom CSS:

 

.section-branding .branding_wrap {z-index: -1;}

 

That will bring the donate button to the forefront which will allow folks to click on it. For the hover, you could probably get away with swapping out the image on hover with something like:

 

.visit a:hover 

 

Finally, if you choose to try a different approach, the Business Branding section comes in two flavors, one for Framework and one for DMS! http://www.pagelines.com/shop/sections/business-branding/


Have you searched the forums yet or checked out the DMS user docs?

PageLines geek, blogging at MyUntangledLife.com

Share this post


Link to post
Share on other sites
richardjacruz

Cool. Thanks, Jake. Much appreciated. I kinda thought I might have to fool around with the z-index, but I didn't know how to do so. Would I add that custom CSS to the functions.php file or to the Pagelines Customize section? Sorry if that sounds like a dumb question.

Share this post


Link to post
Share on other sites
James B

Hi there,

 

Any css you can add to the pagelines css section inside the wp admin dashboard or into the style.css if using the base theme or customize plugin.


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
richardjacruz

I hope it's appropriate to add to this thread. For the same element on the site, is there code I can implement that would make the donate button and phone number disappear at the first responsive design breakpoint?

Share this post


Link to post
Share on other sites
James B

Has the site url changed? it's no longer visble on http://www.connectingonline.org


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
richardjacruz

Sorry, I'm a dufus. It's now live at salutethearmedforces.org. Thanks.

Share this post


Link to post
Share on other sites
Danny

Hi,

 

If you want the donate button and contact info to be removed upon responsiveness, you will need to use @media queries and apply it to your custom CSS using the display property and value none;

 

For more information see here - http://css-tricks.com/css-media-queries/


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
richardjacruz

I tried adding the following to the custom CSS:

 

@media all and (min-width: 995px) {
  #section-branding .branding_wrap {
    display: none;
  }
  }

 

is that correct? It didn't seem to work.

Share this post


Link to post
Share on other sites
Danny

Thats almost correct. However, if you want to remove the whole branding section you will need to use this:

 

@media all and (min-width: 995px) {
  #branding .branding_wrap {
    display: none;
  }
  }

 

However, if you wish for only the donate button and contact info to be hidden, you will need to wrap them inside a div with a unique class, then add that class to the code above, replacing the .branding_wrap class.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
richardjacruz

Ah, so in the hook I would create a div with a class, and then I would replace "#branding" with that div instead, right?

Share this post


Link to post
Share on other sites
Danny

No, don't replace #Branding, you already have a class assigned to your div called .visit so you can target that in the @media query like so:

 

 @media all and (min-width: 995px) {
  #branding .visit {
    display: none;
  }
  }
 
That should do the trick.

Please search our forums, before posting!

Share this post


Link to post
Share on other sites
richardjacruz

Dude, that was SO awesome. Worked like a charm! Set it to "max-width" to get it to work. Thanks a million!

Share this post


Link to post
Share on other sites
Danny

No problem, happy to help!

 

I was just thinking you could actually wrap the div with the following classes and you wouldn't even need the Media Query.

 

In your div for the donate, contact info you have .visit as a class, next to it add hidden-phone.

 

So it looks like this:

 

[code]

<div class="visit hidden-phone">

[/cpde]

 

By adding that class, it will make that div not be displayed when viewing on a mobile device.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
richardjacruz

I think I may still need the media query because at the break point I set it the donate would start to cross over the branding logo. I'll save this, however, for future projects where that's not an issue. Thanks a million. Great job, brilliant mind.

Share this post


Link to post
Share on other sites
Danny

No problem.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
richardjacruz

Sorry to bother you about this again. However, I noticed that now the social media links don't work because that new div overlays those buttons. Is there a fix for that you can recommend? I tried to do this:

 

.section-branding .icons {z-index: -2;}

 

to make that work, but it didn't.

Share this post


Link to post
Share on other sites
Danny

Hi,

 

The issue is caused by your custom CSS or hook, you will need to add custom styling to the hooks content to resolve this issue. Unfortunately, we are unable to provide support to user generated code.
 


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
richardjacruz

Since I couldn't get this to do what I wanted it to do, I purchased "Business Branded" through the store. I tried uploading it, and I'm told that it's not a valid plugin. How do I install it. The file I downloaded is section-busines-branding.zip. Inside was a folder "business branding", and inside that were a bunch of PNG files, a section.php file, a style-LESS file, and and info.txt file. Is something wrong here? I did make sure to download the Framework "flavor."

Share this post


Link to post
Share on other sites
Danny

Business Branding should to my knowledge install using the Wordpress Plugin installer. If this isn't the case, please create a new topic in our store forums and the developer will be notified.

NOTE: Be sure to use the prefix your topic with the correct product, this will then inform the developer of the extension.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites

  • Similar Content

    • Paul
      By Paul+
      I was surprised to see I had no menu today - out of the blue - its actually moved to the bottom of the page!  After hours of fiddling and disabling every single plugin, leaving just plagelines the issue is still present.  See video for a basic text box - I moved it into the head and it jumps to the bottom and shows just above the footer but below the main content.  I have a temp fix by placing the menu into the first row on the main content but it does mean other than my home page, all other pages have no menu.  A quick fix is very urgent for this bug.
      https://thelaptopfixers.com
       
       
    • russe-intensif
      By russe-intensif+
      Hi team,
      checking my site today, i'm surprised to see my MegaNav all in bottom of the pages, while it's in header.
      After getting to change it in couple of pages onto Template part (too time consuming !), i'm desperate and ask you for help :-)
      apprendre-le-russe-avec-ania.fr
      Thank you in advance !

    • greatthingsllc
      By greatthingsllc+
      In Platform 5, Using Framework Section for Content , I have set the hyperlink colors in the CUSTOMIZE section.   However, none of the pages are properly displaying the link colors.   Just defaulting to black, and underline on hover.   I did not see where this would be controlled at the page level or lower
      Site    doritbrauer.com
      Thanks
      Josh

    • Grant Turck
      By Grant Turck+
      What file do I need to add code to in my pl-framework-pagelines child theme to insert script after opening body tag on every page?
      Can you someone provide me with the code also?
    • 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!
×