Tagged: 

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • January 13, 2016 at 11:40 am #564546
    mediax2014

    Dear Support,

    Please can you assist me. I am trying to add a newsletter signup in my header area, to the right of the logo.

    Newsletter

    Above is the screenshot of where I want to display the button.

    I tried using this code:

    add_action( 'ava_main_header', 'enfold_customization_add_to_header' );
function enfold_customization_add_to_header() {
	echo '<a href="http://aac.mediax.co.za/newsletter-signup/">
<div class="fp-button">Newsletter signup</div>
</a>';
}

    But this places the div above the logo area and not in the save div.

    regards,
    MediaX

    January 13, 2016 at 11:59 am #564561
    Josue

    Hey!

    Try changing the code to:

    add_action( 'ava_main_header', 'enfold_customization_add_to_header' );
function enfold_customization_add_to_header() {
	echo '<a href="http://aac.mediax.co.za/newsletter-signup/" class="newsletter_bttn">
<div class="fp-button">Newsletter signup</div>
</a>';
}

    And then add this to Quick CSS:

    .newsletter_bttn{
position: absolute;
right: 0;
}

    If possible please post a link to the site.

    Best regards,
    Josue

    January 13, 2016 at 12:15 pm #564575
    mediax2014

    Thanks for the reply Josue,

    I added this code to my css and it fixed the issue:

    .fpmx-button{ 
background-color:#37782E; 
color:#fff; 
font-size:19px; 
padding:15px 20px;
 text-align:center; 
position:absolute; 
right:15%; 
top:15px; 
z-index:10000;}

    Kind regards,
    MediaX

    January 13, 2016 at 12:44 pm #564605
    Josue

    You are welcome, glad to help :)

    Regards,
    Josue

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