-
Posts
-
Hello,
We created a footer widget for the bottom of each page.
The icon on the top is getting cut off on the website but the code looks good. Any suggestions?
See the link please and code:
[av_icon_box icon='1' position='top' title='AVAILABILITY' link='manually,http://clients.musicbydesign.com/availability/' linktarget='yes']
Select my event date to check availability!
[/av_icon_box][av_button label='Check Availability' link='manually,http://clients.musicbydesign.com/availability/' link_target='_blank' color='theme-color' custom_bg='#444444' custom_font='#ffffff' size='medium' position='center' icon_select='no' icon='25']
Kind regards,
David
Hi djsmbd!
Please add this to the Enfold > General Styling > Quick CSS
#top .iconbox_top { margin-top: 50px!important; }Best regards,
VinayHi Vinay.
I added it and it did not work
Here is all the code in quick css:.header_color .main_menu ul{
background-color: rgba(255,255,255,.6) !important;
}
@media only screen and (max-width: 767px){
.responsive .mobile_slide_out .logo img {
width: 80%;
height: auto !important;
padding-top: 15px;
}
}
@media only screen and (max-width: 767px) {
.phone-info{
text-align: center;
float: none !important;
height:55px;
}
.phone-info span{
position: relative;
left: -8px;
top: 4px;
}
}
.avia_transform .avia_animated_image {
opacity: 1;
}
@media only screen and (max-width: 767px) {
.responsive .logo a, .responsive .logo img { max-width: 90%; height: auto !important; }}
@media only screen and (max-width: 767px) {
@media only screen and (max-width: 767px) {
.responsive #scroll-top-link {
display: block !important;
}
}
#top .iconbox_top {
margin-top: 50px!important;
}Hey!
Please provide us admin access to the wordpress backend in a private message so we can further troubleshoot this issue.
Regards,
Vinay
- The topic ‘widget icons’ is closed to new replies.