Hey simonac!
color, size and shadow:
#top .scroll-down-link {
color: red;
font-size: 150px;
text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4);
}
adjust as needed.
For arrow speed add this as well:
#top .scroll-down-link {
-webkit-animation: avia_fade_move_down 2s ease-in-out infinite;
animation: avia_fade_move_down 2s ease-in-out infinite;
}
and adjust “2s” to “1s” to increase (double) speed.
Best regards,
Andy
Hi arielkas!
Please add following code to Quick CSS
ul#mobile-advanced {
background-color: orange;
}
a#advanced_menu_toggle:after {
content: ' Menu';
font-size: 12px;
}
Best regards,
Yigit
HI,
I have added custom icons in http://fontello.com/ and download the zip file, and tried to upload the zip in theme, but i got “could not add because server not respond error”, Help to fix this. zip size is 70 kb.
Screenshot
Thanks
Hi
Where can i change the font size / style (bold or not)… and upperfont’s fot the menu?
Colorchange and fontchange i can find..
Hi!
The tabs looks the same. Can you please provide a screenshot of the issue?
EDITED: I can see the issue now. Please replace the code with this:
@media only screen and (min-width: 767px) {
.top_tab .tab {
padding: 12px 0 14px 0 !important;
width: 20.1%;
font-size: 14px;
text-align: center;
min-height: 75px;
}}
Cheers!
Ismael
Is there any way to overlay some text (different font style, color, size etc.) on top of the Full Screen Slider?
Thank you
I made the changes. It didn’t seem to resolve the issue. The nav still goes 4 characters behind the logo and changes the font size.
Hi!
Please add following code to Quick CSS
@media only screen and (max-width: 1190px) {
.av-main-nav > li > a {
padding: 0 6px;
font-size: 17px!important;
} }
Regards,
Yigit
Hey!
Add this to Quick CSS:
.ajax_slide .ajaxresponse:before {
content: "Message Sent";
font-weight: bold;
font-size: 22px;
color: black;
}
Regards,
Josue
Hi Hector!
Please use following code instead
h4.iconlist_title {
font-size: 14px;
}
Best regards,
Yigit
Hello im trying to change my font size and icon list font size but doesn´t work.
For the body text size i used in the Quik CSS:
body {
font-size: 11px;
}
For changing the Icon text size i did change in Advance Styling the H4 font to 11px
I cleaned the cache and refresh a few times but it doesn´t workout… How can i do it?
Thanks
Hector.
Hi Rikard, No haven’t figured it out yet…
Here is the code I am using for the home screen @media:
/* Smartphones (portrait and landscape) ———– */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
.ls-wp-fullwidth-container, .ls-wp-fullwidth-helper {
height:280px !important;
}
#after_layer_slider_1.main_color {
margin-top: 0px;
z-index: 999;
background: none;
}
h2.ls-l {
width:45%;
top:2%;
left:10%;
font-size:13px !important;
}
h4.ls-l {
top:15%;
left:18%;
font-size:12px !important;
}
}
Thanks!
Hello,
I need a small help. I have 4 different icons in my footer (social networks) and I would like to pick up a different color for each of them.
My code in footer is
- [av_font_icon icon='ue90d' font='entypo-fontello' style='' caption='' link='manually,http://' linktarget='' size='30px' position='center' color='#cccccc'][/av_font_icon]
I added this to my Quick CSS
- #footer span.av_font_icon:hover a {
- color: blue !important;
- }
but this code change the hover color for all of them. Is somehow possible to do it separately for each icon?
Thank you, Regards, David
Hi!
In that case please use following one
.products .product h3 {
text-align: center;
font-size: 20px;
font-weight: bold;
}
Cheers!
Yigit
Hi!
YES we can! :)
Please add following code to Quick CSS as well and adjust as needed
#top .avia_cart_buttons .button {
font-size: 17px;
font-weight: bold;
}
Best regards,
Yigit
Hi Stefan!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
#top .products .product-category h3 {
font-size: 20px;
font-weight: bold;
}
Regards,
Yigit
ok. Update to verion 3.1 fix the cart icon in mobile view 100%.
Please show the search icon in the same way please.
The code i use before the update was:
I deleted this CSS on my site and wait for your new code.
/*search icon, cart in mobile view*/
@media only screen and (max-width: 989px) {
.html_mobile_menu_tablet .main_menu, .html_mobile_menu_tablet #header_main_alternate, .responsive #header .main_menu ul, #top #menu-item-search { display: block; }
.av-main-nav li { display: none; }}
@media only screen and (max-width: 989px) {
#advanced_menu_toggle {
position: absolute;
right: -10px !important;
top: 18px !important;
}
.cart_dropdown {
position: absolute !important;
right: -10px !important;
top: 50px !important;
}
li#menu-item-search a { font-size: 24px!important; }
nav.main_menu {
position: absolute !important;
right: -10px !important;
top: 30px !important;
}
}
I have used the small info text in top menu to add some icons. Maybee not the best way to do it but i have almost get it to work.
Looks almost great in fullscreen (different distans between icons) but in mobile it is no space between the text.
This is the code in small info text:
[av_font_icon icon='ue82e' font='entypo-fontello' style='border' caption='Lämna material' link='page,3313' linktarget='' size='30' position='left' color=''][/av_font_icon][av_font_icon icon='ue805' font='entypo-fontello' style='border' caption='Kontakta oss' link='page,3333' linktarget='' size='30' position='left' color=''][/av_font_icon] [av_font_icon icon='ue80a' font='entypo-fontello' style='border' caption='Kundlogin' link='manually,http://bok-tryck.haikomhosting.com/' linktarget='' size='30' position='left' color=''][/av_font_icon]
webpage in action: http://www.hangetiketter.se
What can i do?
This reply has been marked as private.
Hi Mdmoisell!
Please try the following in your Quick CSS under Enfold–>General Styling:
.html_header_top.html_bottom_nav_header .main_menu ul:first-child>li a {
font-size: 16px !important;
}
Please decrease/increase the value 16 for a bigger or smaller font.
Best regards,
Rikard
Hey anhanhoi!
It looks like your talking about the catalogue descriptions. Add this to your custom CSS.
.av-catalogue-content > span {
font-size: 12px !important;
}
Cheers!
Elliott
Darn, I’m confused again by promo boxes. They seem very useful, but I would prefer to be able to control each promo box separately – not change all promo boxes to be the same.
Please:
1. how do I control font-size in individual promo boxes?
2. how do I control font-family in individual promo boxes?
3. how do I control padding in individual promo boxes? (There is too much space separating the text from elements above or below.)
4. how do I control the padding between text and button within individual promo boxes? (This is the MAJOR issue – I have text running on top of the button, which is terrible.)
5. can I control the placement of the button in individual promo boxes? (It seems only possible at the right.)
Thanks
Hello!
http://www.kinnohashi.se
I want to adjust only the menu-description font fize, but when do that with css-code it affects all fonts on page.
How to do?
Regards
Anh
Hi!
The font size modification is working. I can see the css declaration:
@media only screen and (max-width: 500px) {
.layer-slider-caption {
font-size: 18px !important;
line-height: 35px !important;
}}
Again, try to edit the captions then set a specific width, 500px perhaps, inside the Styles panel. This will force the caption to wrap inside a container.
Best regards,
Ismael
Hey!
Try this code for your fonts in header:
.av-main-nav > li > a {
font-family: bangers;
font-size: 26px !important;
}
adjust font-size as needed. But to be honest I would not wonder if it does not work, because as Elliott already said there are too many errors on your website. I think you should get rid of them at first. Especially the plugin wp-foto-vote is causing some of the errors, so I think you should use a different plugin. Did you try to reach the plugin’s author for support?
Best regards,
Andy
Hey!
Are you trying to make the text bigger on small screens? If so then try adding this to your custom CSS.
@media only screen and (max-width: 479px) {
.ls-slide * {
font-size: 12px !important;
line-height: 12px !important;
}
}
Regards,
Elliott
Hi!
The only one that looks weird for me is the flavor table. The H4 surrounding all of the spans is kind of peculiar. I would remove that and then give your table an ID and use this CSS.
@media only screen and (max-width: 479px) {
#yourID span { font-size: 11px !important; }
}
Best regards,
Elliott
Hey!
Please add following code to Quick CSS
.entry-content {
font-size: 20px;
}
Regards,
Yigit
Hey anthonyv9!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
.mega_menu_title {
color: #ae1010!important;
font-size: 14px!important;
}
Cheers!
Yigit