Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • April 16, 2014 at 5:48 am #251934
    squaic

    Hello,

    I would like to know how i could have an header like this one: https://www.joingrouper.com/

    I mean how is possible to have a button as “sing in” on the same place in the header and how i could have an button with link in the transparency option.

    I tought maybe to need to use the layerslider but i don’t know how to hide the translation.

    Thanks!

    Adrien

    • This topic was modified 10 years, 7 months ago by squaic.
    April 17, 2014 at 11:05 am #252572
    Josue

    Hi,

    Try adding the following to your functions.php file:

    function custom_head_button(){
	?>
	<div class='container custom_button'>
		<div class="avia-button-wrap avia-button-center  avia-builder-el-8  avia-builder-el-no-sibling "><a href="" class="avia-button avia-icon_select-yes avia-color-custom avia-size-large avia-position-center " style="background-color:#428061; border-color:#428061; color:#fefefe; "><span class="avia_button_icon" aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello"></span><span class="avia_iconbox_title">   Login</span></a></div>
	</div>
	<?php
}
add_action('ava_main_header', 'custom_head_button');

    Then add this code to the Quick CSS:

    .custom_button{
	position: absolute;
	left: 0;
	right: 0;
}
.custom_button .avia-button-wrap{
	position: absolute;
	right: 0;
}

    Adjust as needed.

    Regards,
    Josue

    April 18, 2014 at 1:51 am #252981
    squaic

    Hi,

    That’s perfect! Thank you very much!

    Adrien

    April 18, 2014 at 4:23 am #253003
    Josue

    You are welcome, glad we could help :)

    Regards,
    
Josue

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.