Hi Ismael,

I eventually got it to work by applying

#top #wrap_all .av-social-link-facebook {color:#fff; background-color:#37589b; }
#top #wrap_all .av-social-link-facebook:hover a{color:#37589b; background-color:#fff; }

#top #wrap_all .av-social-link-twitter {color:#fff; background-color:#46d4fe; }
#top #wrap_all .av-social-link-twitter:hover a{color:#46d4fe; background-color:#fff; }

#top #wrap_all .av-social-link-mail {color:#fff; background-color:#9fae37; }
#top #wrap_all .av-social-link-mail:hover a{color:#9fae37; background-color:#fff; }

#top #wrap_all .av-social-link-linkedin {color:#fff; background-color:#419cca; }
#top #wrap_all .av-social-link-linkedin:hover a{color:#419cca; background-color:#fff; }

#top #wrap_all .av-social-link-gplus {color:#fff; background-color:#de5a49; }
#top #wrap_all .av-social-link-gplus:hover a{color:#de5a49; background-color:#fff; }

#top #wrap_all .av-social-link-pinterest {color:#fff; background-color:#cb2027; }
#top #wrap_all .av-social-link-pinterest:hover a{color:#cb2027; background-color:#fff; }

and the buttons are now also appearing on the bottom of pages.

Finally a solution.
Thanks Yigit, you never fail!
You may close this thread

Hi, all 10 images on the Homepage are 211px x 259px including the easy slider “before” and “after” ones.

The easy sliders are filling up the space available in Tablet Portrait view, the images are not.
I changed the Key Cutting and Shoe Stretching images from Images to Easy Sliders to see what would happen.
They immediately filled up the available space.
Have they been stretched by the Easy Slider whereas the Image module does not stretch?

What width does an image need to be to fill up the space in portrait view on a 10″ Tablet, 4 rows Landscape, 2 rows Portrait?

Thanks Yigit, fixed, you may close this thread

Hi Yigit, that worked perfectly. Thank you, you may close this thread.

Thanks Devin, you may close this thread

Hi Josue,
bandwidth is not an issue as I am testing it on Chrome, Firefox and Safari over the same 50Mb broadband connection (speed verified) on the same Pc and Safari is the only one where the video does not play.
It just displays a still image from the start of the video.
Any idea why?

Hi Josue.
I have changed the setting as directed.
While it is better than it was it just makes it look like the right half of the table was cut off as it is not intuitive that you can scroll the table sideways.
On a tablet in Portrait mode the data in the table stacks to make the columns narrower, rows taller and everything fits.
How can I get the mobile portrait to do the same?
Thanks

Hi Yigit, my mistake, working now, thank you, you may close this thread

Hi Gunter,

applied it as you said but now it is back to default, no change

#top .main_color .avia-button:hover, {
background-color: #white!important;
color: d1202f!important;
border-color: #d1202f!important;
}

Hi Dude,

your first code worked and changed the opacity on the Slider caption backgrounds, thank you

The code you supplied to change the button hover on the Avia Button element did not work.

I added !important but it has not had an effect.

Should the class be .avia-button ?

#top .main_color .button:hover, #top .main_color .big_button:hover, #top .main_color #submit:hover, #top .main_color input[type=’submit’]:hover {
background-color: #ffffff!important;
color:d1202f!important;
border-color: #d1202f!important;
}

Hi Josue, that’s it, everything fixed, thank you for your help, you may close this thread.

Why is the fixed background disabled on mobile?
How can I get it to be fixed, not scrolling?
If that’s not possible how can I get it not to display on mobile but keep on desktop for header, body and footer?
Thanks

Hi Kriesi,

fixed now, had to add an extra !important for the text color to work.
Would be a great help to add a styling option to replace this code to the advancing styling section.
You may close this thread.

li.current-menu-item>a {
background: #cf2115!important;
color: #fff!important;
}