add image buttons at both sides with the center logo - Support

Tagged: Buttons, header, logo, widgets

Viewing 12 posts - 1 through 12 (of 12 total)

Author

Posts
August 2, 2015 at 2:03 pm #481765

Ngendra
Participant

Hi, i need to add 2 buttons with the center logo, at both sides (left and right)
is it posible??

thanks for the time.

August 3, 2015 at 4:34 pm #482225

Elliott
Inactive Moderator

Hi Ngendra!

Send us a link to your page and take a screenshot highlighting exactly what your trying to do and we’ll take a look.

Regards,
Elliott

August 4, 2015 at 8:05 am #482549

Ngendra
Participant

This is how it is right now 192.185.88.212/~anforas/

and this is how i need to do http://192.185.88.212/~anforas/example-anforas.jpg

Thanks Elliott!

August 4, 2015 at 4:24 pm #482800

Elliott
Inactive Moderator

Hi!

You could add a widget area to your header, http://kriesi.at/documentation/enfold/adding-a-widget-area-to-the-header/, and then drag a text widget to it and add HTML to display those links.

Regards,
Elliott

August 4, 2015 at 8:25 pm #482943

Ngendra
Participant

Thanks a lot Elliott, it works but how can i put 2 buttons, i have one and i doesn’t work as a link, it looks like a background image look: http://192.185.88.212/~anforas/
Can you please help me with that, for example naming as header_left_button and header_right_button

thanks for your time.

August 4, 2015 at 9:15 pm #482970

Basilis
Inactive Moderator

Hey!

Can you please point me with a screenshot, where you want the button and which is not working, because I clicked every element on the site, and show them working properly.

Cheers!
Basilis

August 4, 2015 at 9:22 pm #482974

Ngendra
Participant

this button is a widget area: http://192.185.88.212/~anforas/example-anforas-2.jpg
i need to make 2, like this: http://192.185.88.212/~anforas/example-anforas.jpg

Thanks Basilis

August 5, 2015 at 4:03 pm #483438
Elliott
Inactive Moderator
Hey!

This is the code your using?
```
<a href="#"><img src="http://192.185.88.212/~anforas/wp-content/uploads/2015/08/flor.png"></a>
```
You would just need to add another one to the text widget and use some CSS to move it left.
```
<a href="#" style = "position: absolute; top: 0px; left: -100px;"><img src="http://192.185.88.212/~anforas/wp-content/uploads/2015/08/flor.png"></a>
```
Best regards,
Elliott
August 5, 2015 at 7:33 pm #483544

Ngendra
Participant

i did it, but it doesn’t work as a link, look http://192.185.88.212/~anforas/

August 6, 2015 at 3:47 pm #483960
Elliott
Inactive Moderator
Hi!

Add this to your custom CSS.
```
#header .widget { z-index: 900; }
```
Best regards,
Elliott
August 6, 2015 at 6:46 pm #484086

Ngendra
Participant

Amazing, it works perfect Elliott, thanks a lot, one last thing, how can i keep those buttons center, i hide them if the screen is small than 800px, but the buttons move, maybe is a way to keep them always center or separate from the logo at the same distance always.

Regards.

August 7, 2015 at 2:25 pm #484542
Andy
Inactive Moderator
Hi!

not sure what you mean. Do you want them to move up? if yes use this code:
```
div#text-10 {
margin-top: -13px;
}
```
and adjust as needed.

Cheers!
Andy
Author

Posts

Viewing 12 posts - 1 through 12 (of 12 total)

You must be logged in to reply to this topic.