Tagged: custom button
-
AuthorPosts
-
February 13, 2016 at 5:20 pm #582755
Hi,
I have a small adjustment to make to the header, I have tried several solutions but without success.
My customer would like a “make a donation” button added the header. I have used the following php in my child theme:`add_action( ‘ava_main_header’, ‘enfold_customization_add_to_header’ );
function enfold_customization_add_to_header() {
echo do_shortcode(“[av_button label='Make a Donation' link='manually,http://www.google.com' link_target='' size='small' position='right' icon_select='no' icon='ue800' font='entypo-fontello' color='theme-color' custom_bg='#444444' custom_font='#ffffff' custom_class='']“);
}I would like to adjust the styling of the button – background colour, font and position (so that it aligns on the right with the social icons and moves down 20px)
It would be great if you could advise which elements I need to target.
Fiona
February 14, 2016 at 2:50 pm #582956Hi, I know you guys are busy but I would really like to resolve this by the end of the day if possible, the site is due to go live this evening to coincide with a conference tomorrow.
February 14, 2016 at 7:34 pm #582984Problem solved with the following css targeting ‘avia-button’:
.avia-button { color: red !important; font-family: akbarplain !important; position: relative; top: 40px; right: 47%; }
Another method I tried which might be of interest to other users, but not quite right for my website, is referenced here and uses a menu item as a button:
https://kriesi.at/support/topic/removing-ahover-color-over-search-icon-stylizing-individual-menu-elements/Fi
- This reply was modified 8 years, 10 months ago by Fionadee.
February 14, 2016 at 8:04 pm #582988Sorry guys, afraid I spoke too soon, although the button looks the way I want it to, it has lost the link.
I am not a php user, can you help me restore the link please?Fi
February 15, 2016 at 3:12 pm #583489Hey!
it does seem to work fine on my end. Only left side is not clickable due to z-index error. You can add following code to Quick CSS to fix that issue
#header_main .avia-button-wrap, #header_main .avia-button-wrap * { z-index: 9999!important; }
Best regards,
YigitFebruary 15, 2016 at 3:19 pm #583491You’re a star – thank you!
All working now.February 15, 2016 at 3:24 pm #583493 -
AuthorPosts
- The topic ‘Custom button in header’ is closed to new replies.