Tagged: Images
Hi,
I have these two image buttons that should be side by side, but I don’t know how to reduce the big space between them:
You can see them on this page: http://hashtag.be/benetwork/
Also, how do I edit the theme color hover effect on the header menu? I’d like to move the orange line up next to the words.
Thanks in advance.
Following…I have the same issue.
Hi,
To move the buttons closer Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
.avia-builder-el-8 .avia-image-container.avia-align-right {
float: left!important;
}
To move the menu underline up towards the menu item
.av-main-nav li:hover .avia-menu-fx, .current-menu-item > a > .avia-menu-fx, .av-main-nav li:hover .current_page_item > a > .avia-menu-fx {
transform: translateY(-25px);
}
Best regards,
Vinay
Oh that didn’t work for my issue….mine are with the button shortcode….looks good on tablet, but on desktop they are stretched far apart and on mobile they are not aligned right, they are jagged.
That helped with my spacing issue but the buttons are now not centered with the text:
Thanks!
Hi,
just add a left value to them:
img.avia_image {
left: 40%;
}
and adjust as needed.
Best regards,
Andy
Hi,
Adding the left value just moves all the images on the page to the left though?
I just want to move the two buttons.
Thanks
Hi,
Please create a new ticket with the same mockup and post us your login credentials (in the “private data” field), so we can take a look at your backend.
Login credentials include:
Best regards,
Vinay