Forum Replies Created
-
AuthorPosts
-
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.
This reply has been marked as private.Finally a solution.
Thanks Yigit, you never fail!
You may close this threadHi.
I have centred all the images.
I resized them all to 330px x 405
It all worked for about 5 minutes.
Then the four images on the bottom row are now a complete mess on Tablet Portrait view, fine on every other screen.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?
Perfect, thanks, you may close this thread
September 10, 2014 at 5:23 pm in reply to: Avia Builder not working after update to WordPress 4.0 #316785Thanks Yigit, fixed, you may close this thread
Hi Ismael,
thanks for your reply.While the reduced text size has gotten the phone info. on the same line as the icons the css does not address the request to have
logo and header phone info. to move left in the boxed version of the theme in portrait view on a tablet.Also any solution to the other issue;
The Columns from “Key Cutting” down are not centring the images or displaying them full size.
The images are the same size as the ones preceding them on the easy sliders which are displaying full size and centred.Hi Yigit, that worked perfectly. Thank you, you may close this thread.
Hi Yigit, that worked perfectly.
You may close this thread.
ThanksThanks Devin, you may close this thread
Hi Josue, yes I tried that but it didn’t work.
I have since managed to do it with CSS.header_color .header_bg, #top {
background-image: none;
background-color: transparent;
}and to make the transparent area taller
#header_main
{padding-top:50px;
padding-bottom:50px;
}You may close this thread.
This reply has been marked as private.This reply has been marked as private.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?Ok Devin, you may close this thread. Thanks
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?
ThanksHi Devin, when I tried to view the Video on YouTube using Safari it said that my Flash player was out of date.
I have downloaded and updated it.
On Safari I can now watch the video on YouTube but on the website the video background displays as a poor quality still image?Hi Yigit, my mistake, working now, thank you, you may close this thread
Hi Devin,
Version 7.0.5 (9537.77.4)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;
}This reply has been marked as private.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;
}I have since fixed two of the requests but two I still need help with;
Firstly these may help other readers…
I fixed the query
“On the website in advanced styling I changed the H1 to H6 to blue but it has also changed the Caption Title on the Full Width Easy Slider on the homepage. How can I change this back to white?”
with
.avia-caption-title
{
color: #ffffff!important;
}and I removed captions completely from mobile devices with
@media only screen and (max-width: 767px) {
.avia-caption-content
{
display: none;
}
}@media only screen and (max-width: 767px) {
.avia-caption-title
{
display: none!important;
}
}I fixed the query
“Further down the homepage the Post Slider is now displaying the clickable post titles in blue, how can I change those to red as well?”
with
#top h1 a, #top h2 a, #top h3 a, #top h4 a, #top h5 a, #top h6 a {
color: #c33402!important;
}but I still need to know;
Also is there a way to darken the opacity on the caption backgrounds in the Full Width Easy Slider?
Lastly the button elements, mouse over causes a very faint change, any way to make this hover more noticeable?
Thanks, Denis
July 30, 2014 at 11:53 am in reply to: Background Image loading late issue when scrolling on mobile devices #297645Hi Josue, that’s it, everything fixed, thank you for your help, you may close this thread.
July 29, 2014 at 6:43 pm in reply to: Background Image loading late issue when scrolling on mobile devices #297386Hi Josue,
that has removed the background image from mobile devices.
I just started playing around and found that if I changed the background setting to scroll instead of fixed it solves the lag problem on mobiles.
I would still like it to be fixed on Desktop.
Is there a media query that can make this happen, background scroll on mobile, fixed on Desktop?July 29, 2014 at 12:36 pm in reply to: Background Image loading late issue when scrolling on mobile devices #297264Why 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?
ThanksJuly 28, 2014 at 3:44 pm in reply to: Background Image loading late issue when scrolling on mobile devices #296806Hi Josue,
not possible to screenshot as it happens while scrolling and if I stop and take a screenshot the background will have finished rendering before the screenshot is taken.
Happens on Samsung Galaxy Tab 3 10inch and Samsung Galaxy s3 phoneHi 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;
}This reply has been marked as private. -
AuthorPosts