Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #251934

    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, 8 months ago by squaic.
    #252572

    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

    #252981

    Hi,

    That’s perfect! Thank you very much!

    Adrien

    #253003

    You are welcome, glad we could help :)

    Regards,
    
Josue

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