The first code to open social links in new tab didn’t work, but the plugin https://wordpress.org/plugins/open-external-links-in-a-new-window/ did work. It took care of both.

But out of curiosity, whey doesn’t target=_blank work on enfold?

That’s not the issue. I originally had the blank attribute on all the links. That just opens a new browser tab, but the browser is still trying to open the file instead of downloading it. This has something to do with IE and Edge being unable to download certain file types.

Got it. Thanks!

I forgot about the Advanced Styling tab. Got it working, but how do I make the search icon in the menu not have a hover effect? Only custom css?

And how do we set hover css for Active menu item?

• This reply was modified 8 years, 4 months ago by robphat.

Rather than that, I just applied a css border to the bottom of the header. Worked fine. Thanks.

Ok thx

Ismael,

This is the portion of the html code of that page, including some of the code before and after the notification box:

<h2>Top of the line EPA Compliant Pressure washers</h2>
Our pressure washers are compliant with the EPA requirements for water reclamation. It is now an EPA violation for you to flush dirty water down your drains. With Chesapeake Facilities Resources your gum removal, you have the peace of mind knowing that will not be in violation of the EPA regulations regarding pressure washers.

[av_notification title='' color='red' border='solid' custom_bg='#444444' custom_font='#ffffff' size='large' icon_select='yes' icon='ue83e' font='entypo-fontello']
<h3>“Why can’t I use a water hose to remove gum?</h3>
Simply put, water hoses do not produce enough pressure to break up dried up chewing gum and separate it from your floor. To learn more about why pressure washers are necessary when cleaning your concrete surfaces, click here.
[/av_notification]

[av_hr class='invisible' height='5']
<h2>Our process</h2>
<h3>Treating</h3>

As you can see, there is no <br> tags after the [/av_notification], but there was bunch of default space there. I added [av_hr class='invisible' height='5'] to decrease that, but it didn’t work. So are you saying within the html generated by the notification box shortcode, that there are <br> tags beneath it? If so will the css you gave >>>
p + h1, p + h2, p + h3, p + h4, p + h5, p + h6 {
margin-top: 0;
}
Will this css only affect the placement of notification boxes via shortcode into the page, or will it also affect other page elements and/or notification boxes that are inserted via the notification content widget into the page builder?

Please compare http://173.254.96.214/~thecfrgc/pressure-washing/ to http://173.254.96.214/~thecfrgc/concrete-cleaning/gum-removal/

The former has the notification entered via content widget into the page layout. The padding is normal. The latter link has the notification box entered via shortcode entered into a text widget. There was not padding between in at the text below it, so I added [av_hr class='invisible' height='20']

But that added way more than 20px. So now it is [av_hr class='invisible' height='5'], but as you can see it is way more than 5 px, and even still way more than 20px

So something is not working right with the whitespace shortcode.

Hope that helps you resolve the issue.

Ah. I see what I did. I corrected it. See http://173.254.96.214/~thecfrgc/

On second thought, I like the way I have it now. I hide the new header widget on mobile, and css the phone number in top bar to be a button on mobile. That looks nice.

But I just saw another problem with the header widget. It doesn’t respond the same way as the logo when you scroll down. The logo gets smaller to fit in the reduced height of the header after scrolling, but the content of the header widget does not.

So what css do I need to make the content of the header widget respond like the logo when you scroll into the reduced header?

Thanks,
Rob

Very nice. That worked perfectly. I changed the css to display the widget content to the left of the header, and padding the top to push it down some. See http://www.lapolla.com/lapolla-spray-foam-insulation-roof-products-rigs-equipment/

But the content of the additional widget (a phone number in this case) looks very bad on mobile, so I’ve hidden in on mobile via custom css for now. But how can I keep it, but push it into a second header row on mobile, so that it is beneath the logo and menu button on mobile?

Sorry for the late reply, I will send login in private content.

I never heard back from anyone, so I used custom CSS on my own to do it.

Sure. Will post in private

OK I’m back from our US Thanksgiving holiday now. And it seems the issue with the facebook like box not showing is not because of an age restriction, because even when I (and another person of age) is logged into facebook, the widget does not come up in the sidebar.

I even tried another fb like box plugin and it is not showing up either.

I am trying to add a like box using the Facebook script at https://developers.facebook.com/docs/plugins/page-plugin

But I need to enter the <script>. Facebook suggests just after the opening <body> tag. I’ve seen many themes that have a place to enter this type of code in the the theme options, but I don’t see that in Enfold.

So:

A. Where do I enter this <script> and
B . Can you figure out why the normal way to add a facebook like box isn’t working for me.

Thanks,
Rob