-
AuthorPosts
-
September 30, 2015 at 10:32 pm #511855
http://cttdev.cagraphicdesign.biz/
In your support forum I found out how to add a widget to the header area but cannot get any of it to link.
Here are your intstructions and below that is the HTML I put in the text widget.`——-If you are wanting to add a widget area to your header then add this to the bottom of your functions.php file.—–
add_action( ‘ava_after_main_menu’, ‘enfold_customization_header_widget_area’ );
function enfold_customization_header_widget_area() {
dynamic_sidebar( ‘header’ );
}——–in case you’re using a layout with the MENU BELOW the header area use this code instead:———
add_action( ‘ava_main_header’, ‘enfold_customization_header_widget_area’ );
function enfold_customization_header_widget_area() {
dynamic_sidebar( ‘header’ );
}—————————————-
And then navigate to Dashboard > Appearance > Widgets and create a new widget area named header and add some widgets to it.Depending on what your trying to do some CSS code will be required. If you want the widget area to be centered in the header then add this to your CUSTOM CSS.
—————————————–#header .widget {
left: 50%;
padding-top: 0;
position: absolute;
top: 0;
transform: translate(-50%);
}****************Here is the HTML I added to the text widget which works on a regular page*********
<h3>[av_font_icon icon='ue836' font='entypo-fontello' style='' caption='' link='post,1' linktarget='' size='40px' position='left' color='']
Click here to enroll
[/av_font_icon]<span style=”color: #002d73;”>ENROLL NOW!</span>
<span style=”color: #002d73;”> 800-862-2678</span></h3>- This topic was modified 9 years, 2 months ago by cagraphicdesign.
September 30, 2015 at 10:55 pm #511864I also want to add a search box there but when I tried adding that widget (which comes with the theme) under the text widget, the text widget would not show up.
Looking forward to your response to this and the query above.October 1, 2015 at 9:21 am #512014Hi,
Not sure what you mean not being able to get it linked, I can’t see any links in your code? Please try the following:
<a href="http://yoursite.com/"><span style=”color: #002d73;”>ENROLL NOW!</span></a>
instead of:
<span style=”color: #002d73;”>ENROLL NOW!</span>
Best regards,
RikardOctober 1, 2015 at 3:32 pm #512212http://cttdev.cagraphicdesign.biz/
Hi Rikard
This is very mysterious. I saw that the code was incorrect and assumed it was because I created it in a practice page using shortcodes, then copying over the text version to a text widget for the header widget.That said, I started fresh using your code. I placed it in the header text widget and in the footer text widget…
it works fine in the footer but not in the header…very strange. Feel free to log in to the back end…maybe I did not create that header widget correctly.here is the code that is in both widgets now:
<h2>[av_font_icon icon='ue836' font='entypo-fontello' style='' caption='' link='post,1' linktarget='' size='40px' position='left' color='#ffffff']
Click here to enroll
[/av_font_icon]<span style=”color: #002d73;”>ENROLL NOW!</span>
<span style=”color: #002d73;”> 800-862-2678</span></h2>October 2, 2015 at 5:53 am #512538Hey,
Please add the following CSS as well and it should work:
#header .widget { z-index: 10000 !important; }
Thanks,
RikardOctober 2, 2015 at 3:15 pm #512856Perfect!
-
AuthorPosts
- The topic ‘Header widget works fine ALMOST but….’ is closed to new replies.