1) Mobile padding doesn't seem to work on mobile devices that well, as the % top and % bottom padding is not respected in the rows.
Any reason why? can I fix this issue?
2) How can I change the color of normal body links without affecting buttons & call to action. (I need some different from accent colors.) I tried this css but this changes all link colors, on btns, call to action etc.....
body a {color:#44c6fa !important; }
Or is there somewhere in the BO I can set content links?
3) On the home page I would like to eliminate the (top / bottom) padding / margin between the fancy box just for mobile.... Is there a way I can do this with CSS?
1. Seems to be working correctly on my end : http://prntscr.com/rzpwec . Are you seeing something else ?.
2 . Try using :
body .wpb_wrapper a {color:#44c6fa !important; }
3.Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):
@media only screen and (max-width: 1000px) {
.container-wrap .full-width-content .vc_row-fluid[data-column-margin*="px"] > .span_12 > .wpb_column {
margin-bottom: 0 !important;
}
}
1) Regarding Nº1 I think I know what is happening.
It is a proportion issue...
if the % padding is calculated according to the Width of a column and not the Height then obviously this width is much greater on DESKTOP and less on mobile devices and therefore the spacing much inferior. Is this how you calculate the % Padding? https://prnt.sc/rzrou8
If so you might want to consider updating this as on mobile, the proportions and not acuarte...
Hello,
1) Mobile padding doesn't seem to work on mobile devices that well, as the % top and % bottom padding is not respected in the rows.
Any reason why? can I fix this issue?
2) How can I change the color of normal body links without affecting buttons & call to action. (I need some different from accent colors.) I tried this css but this changes all link colors, on btns, call to action etc.....
body a {color:#44c6fa !important; }
Or is there somewhere in the BO I can set content links?
3) On the home page I would like to eliminate the (top / bottom) padding / margin between the fancy box just for mobile.... Is there a way I can do this with CSS?
Thanks,
Hello
did you manage to review this list?
Thank you
Hey Again,
1. Seems to be working correctly on my end : http://prntscr.com/rzpwec . Are you seeing something else ?.
2 . Try using :
body .wpb_wrapper a {color:#44c6fa !important; }3.Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):
@media only screen and (max-width: 1000px) { .container-wrap .full-width-content .vc_row-fluid[data-column-margin*="px"] > .span_12 > .wpb_column { margin-bottom: 0 !important; } }Thanks
ThemeNectar Support Team
Hello Tahir
2, 3) That's perfect thanks!
1) Regarding Nº1 I think I know what is happening.
It is a proportion issue...
if the % padding is calculated according to the Width of a column and not the Height then obviously this width is much greater on DESKTOP and less on mobile devices and therefore the spacing much inferior. Is this how you calculate the % Padding? https://prnt.sc/rzrou8
If so you might want to consider updating this as on mobile, the proportions and not acuarte...
Thanks!
Thanks for the detailed info. Gonna escalate the ticket to the developer so this can be looked into for upcoming updates.
ThemeNectar Support Team