Hi guys!
Would you tell me please how can I do to change font size of mobile version only?
Regards
Santiago
Hey bobfurgo,
Add this to quick css:
.related.products h2:first-of-type{
font-size:30px!important;
}
.related.products h2.woocommerce-loop-product__title{
font-size:20px!important;
}
Best regards,
Jordan Shannon
hi guys,
i’m trying to adjust the sizing of the title that says “related products” but when i use
.related.products h2 {
font-size: 30px;
}
it affects the sizing of the titles on the related products as well, even when i also have a font size set for this with css
h2.woocommerce-loop-product__title {
font-size: 20px !important;
}
Can you help me increase the size of the related products title without affecting the size of the product title?
Thanks!
Hi Matt,
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
@media only screen and (max-width: 989px) {
#top .avia-slideshow-arrows a {
font-size: 26px !important;
}
}
If you need further assistance please let us know.
Best regards,
Victoria
Hi Victoria,
many thanks. How can I adjust font and font size? And how to add a border around it?
regs,
Hi jorisbl,
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
#top #nav_menu-3.widget_nav_menu li a {
font-size: 18px;
font-family: "HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif;
border-right: red 2px solid;
}
#top #nav_menu-3.widget_nav_menu li a:hover {
color: red;
}
@media only screen and (min-width: 768px) {
#top #nav_menu-3 {
width: 270px;
float: right;
height: 40px;
top: -30px;
margin-right: 120px;
}
}
#top #nav_menu-3.widget_nav_menu ul,
#top #nav_menu-3.widget_nav_menu ul li {
height: 70px;
}
#top #nav_menu-3.widget_nav_menu a {
padding: 0;
}
If you need further assistance please let us know.
Best regards,
Victoria
Hello together,
we are using the Layer Slider Element.
We created a Text Heading with a font-size auf 70px. We used the Layout Responsive.
But now on the Site, the Font size of the Heading is around 50px.
I know we could play around with css and stuff, but then we have to adjust the width and more as well.
I think there is some option like a “percent” of the real heading size.
But I cant find it, any idea?
Best Regards,
Phil
Thanks for the theme support!
I’ve researched but haven’t found a way to place the social container far left on the screen. See screen shot in Private
My menu and header settings are as follows:
Logo left, menu right
Header social icons = Display in main header area
No phone and no secondary menu
My logo & burger Quick CSS:
html {
background-color: #f4f4f4 !important;
}
.logo img {
padding: 3px 0 3px 0;
}
/* Remove image overlay with circle and arrow */
.image-overlay {
display: none !important;
opacity: 0 !important;
}
/* Activate burger menu */
@media only screen and (max-width: 2500px) {
#top #header .av-main-nav > li.menu-item {
display: none!important;
}
#top #header .av-burger-menu-main {
cursor: pointer;
display: block!important;
padding-top: 0 !important;
margin-top: 0 !important;
}}
#top #header_main .logo {
left: 50%;
margin-left: -125px;
}
.av_promobox .avia-button {
position: relative;
margin-top: 10px!important;
}
.avia-promocontent { margin-right: 0;
}
.main_color strong {
font-weight: bold;
color: #444;
}
.av-share-box-list {
border: none!important;
}
h5.av-share-link-description {
text-align: center;
}
.av-share-box ul li {
border: none;
}
.av-share-box ul { width: 50%; }
.av-share-box .av-share-link-description { display: none; }
.av-share-box ul li a { color: #109bc5!important; background-color: white!important; }
.av-share-box ul li a:hover { color: #666!important; background-color: white!important; }
.av-share-box-list, .av-share-box ul li {
border: 0 !important;
}
h4, h5 {font-family: sans-serif !important;
}
h5 {
font-weight: 600 !important;
font-size: 14px;
}
.widgettitle {
font-family: sans-serif !important;
font-size: 16px !important;
color: #0b5c73 !important;
}
#footer .widget li {
font-size:14px !important;
}
.sidebar a, .sidebar a > strong {
color: #109bc5 !important;
}
.sidebar a:hover, .sidebar a>strong:hover {
color: #109bc5 !important;
}
@media only screen and (max-width: 767px) {
.responsive #scroll-top-link {
display: block !important;
.responsive .mobile_slide_out .logo {
margin-left: 35%;
.html_av-overlay-side .av-burger-overlay-scroll {
width: 70% !important;
}}
-
This topic was modified 5 years, 11 months ago by
welswebmaster. Reason: Updated CSS
A very good afternoon,
Could you please assist with customizing the ‘Add to Cart’ button below product images. Replace the text ‘Add to Cart Button’ with ‘Buy Now’ for items that are for sale, the ‘Bid Now’ button for items that are on auction must remain as is. . I also want it to ‘Always be on display’ and static on my homepage. If possible also increase its font size in relation to the other text. The background colour of the ‘Buy Now’ and ‘Bid Now’ buttons must be dull orange (#af5f31)
Kindly also assist with removing the ‘Enfold Theme by Kriesi’ link in the footer socket.
I do not want to attempt these changes by myself cause I am very new to web design and have crashed this website twice already and very careful.
My website link and login details are in the private content.
Thank you and looking forward to your usual assistance.
Regards
David from Namibia
Hi,
how can we the size of the “Fullwidth Easy Slider” icons be adjustet. Try to make them smaller when they are presented at a responsive frontend using follwoing quick css code.
.responsive#top .avia-slideshow-arrows a {
font-size: 10px !important;
}
#top .avia-slideshow-arrows a {
font-size: 20px !important;
}
#top .av-control-minimal .avia-slideshow-arrows a:before {
border: 2px solid transparent !important;
}
Any sugestions?
THX
Hi,
My first question is about unavailable products.
Here is a screenshot of one of my product pages when the product is available: https://imgur.com/clApoQ7
And now this is what customers can see on product page when the product is unavailable: https://imgur.com/WHD78nm
I would like to remove the text “Ce produit est actuellement en rupture et indisponible.” and its border and replace it by my own text, red colored, at the same place and the same font size than product prices (in green in the first screenshot).
What do I need to do to achieve this?
My second question is about variable products.
Here is a screenshot of one of my product pages for a regular product: https://imgur.com/clApoQ7
(on product pages, I added some css to adjust paddings and to make product counter and add to cart button a little bit smaller)
Here is a screenshot of one of my product pages for a variable product: https://imgur.com/FvdVWku
As you can see, elements are moved… add to cart button is bigger… and so on…
What I would like to do is keeping exactly the same design than for a regular product, and only add “Couleur” and options scrolling menu between product price and product counter.
What do I need to do to achieve that?
If needed, you can find a link and credentials to my website in private content.
Thanks a lot for your help!
Hi rvga,
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
#top .av_toggle_section h2.toggler {
font-size: 18px !important;
}
If you need further assistance please let us know.
Best regards,
Victoria
Hi Victoria,
many thanks! How can I adjust font family, size, bordered etc? Can’t seem to do it via advanced styling?
regs,
Hi Monica,
Thanks for giving us admin access.
I have added this CSS code in Quick CSS:
#top .avia-button-fullwidth.avia-icon_select-yes-left-icon {
padding-left: 100px;
text-align: left;
}
#top .avia-button-fullwidth.avia-icon_select-yes-left-icon .avia_button_icon_left {
font-size: 60px;
position: absolute;
left: 20px;
top: 50%;
margin-top: -12.5px;
}
As for the button colors you can change it on the button itself.
This CSS code only works for full-width buttons with icons positioned on the left.
Best regards,
Nikko
Hello,
I am trying to increase the font size in the menu. i have tried in the advanced styling under main menu links and also adding in the css code
#header_main .avia-menu-text {
font-size: 20px;
}
Nothing is working. Could someone please take a look?
many thanks in advance
Hi,
h2{
font-size:20px;
}
Adjust the size to what you need.
Best regards,
Jordan Shannon
Hey MikeTandySwag,
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
@media only screen and (min-width:768px) {
#av_section_2 .flex_column.av_one_half .aligncenter {
padding: 0;
margin: 0px;
}
#av_section_2 .flex_column.av_one_half + .av_one_half {
margin-left: -20px;
margin-top: 20px;
}
}
@media only screen and (min-width:768px) and (max-width: 1024px){
#top #wrap_all #av_section_2 .av_one_half h2 {
font-size: 26px;
padding-left: 20px;
}
}
@media only screen and (min-width:1024px){
#av_section_2 .flex_column.av_one_half .aligncenter {
margin: 0 0 0 20px;
}
}
If you need further assistance please let us know.
Best regards,
Victoria
It works perfectly thanks to you Ismael.
And what would be its css code to change the H2 font-size please ?
Hi, no problem, thnx for your answer :-) Sure I’ll explain:
1. on the page_id=518, it is home, you see in the second section 3 pictures with text below – normally each picture should be in a line withe the text below. I have just chanfed text and picture with the same size and then the pictures are a little bit more right than the text below. Hope I explained well.
2. Aw, I see, I will check this, thank you.
3. It is also on page_id=518, the text mentioned. It is possible to change the font in one text box different to the general settings. I am not sure about the font, I just want to try, how it will look like.
Thnx for your answer, many rgds :-)
Hey HeadStudiosWeb,
The image that is showing on your site in mobile is coming from this css:
.home #av_section_1 {
background-image: url(//your-domain.com.au/wp-content/uploads/2017/12/bacgkround-image.png)!important
}
it is probably in your custom css, please see if you can find this and remove it.
Your H1 text that is too large has inline css which you will need to correct manually, right now it is set to font-size: 4.5em; you will want this for the text to fit on the screen font-size: 3em;
Best regards,
Mike
Hi,
Add this to quick css:
#avia_3_1.select.is_empty{
font-size:10px!important;
}
Adjust the font-size to what you want.
Best regards,
Jordan Shannon
Hi,
when I want to change the main menu to button instead of text is my transparency away from my mobile menu?
how can I solve this ?
Victoria has already adjusted my menu regarding dimensions, see the code below:
@media only screen and (max-width: 767px) {
#top #wrap_all .av_header_transparency, .av_header_transparency #advanced_menu_toggle { background-color: transparent; }
.responsive #top #wrap_all #header { position: absolute; }}
@media only screen and (max-width: 767px) {
.product_title { font-size: 20px !important; }
.avia_codeblock .cta-button a {
padding: 15px 30px 13px;
font-size: 30px;
border-radius: 3px;
}
It happened again! The font in submenu links changed again – somehow.
I do like the Enfold-Theme. But I got to say: I worked with several themes before and this shouldn’t be an issue at all. Also this should not be something to fix with code. There should be an option in the general stylings where you can simply pick a font family, style, size … without Quick CSS or anything else! And of course it should work properly and constantly.
So how can we fix this? Thx in advance!
Hi Rikard
Thanks for your reply but it doesn’t work at all…
In the private content the url of the website-> tab Contact->the size of the font is too large; as a matter of fact i would like most decrease the size of the font in the scolldownmenu at subject..
Best regards
Karin
Hey CatharinaLeloux,
Please try the following in Quick CSS under Enfold->General Styling:
.avia_ajax_form::-webkit-input-placeholder {
color: pink;
font-size: 12px;
}
.avia_ajax_form::-moz-placeholder {
color: pink;
font-size: 12px;
}
.avia_ajax_form:-ms-input-placeholder {
color: pink;
font-size: 12px;
}
.avia_ajax_form:-moz-placeholder {
color: pink;
font-size: 12px;
}
Best regards,
Rikard
Hey Manfred,
Sorry for the late reply!
1- Please add following code to Quick CSS in Enfold theme options > General Styling
.av_gmaps_sc_main_wrap .av_text_confirm_link {
opacity: 1;
width: 200px;
font-size: 20px;
}
Then go to Enfold theme options, disable CSS file merging, save theme options, flush cache and after confirming the changes, you can re-enable it.
2- Please use this plugin – https://wordpress.org/plugins/loco-translate/ and update the string as needed :)
Best regards,
Yigit
I’m having an issue with using the short code from the debugger. I appears to work until I try to edit it after it has been saved.
The first set of code is after I add the shortcode within a 2/3 column
This works.
[av_section min_height='' min_height_pc='25' min_height_px='500px' padding='default' margin='aviaTBmargin' custom_margin='50px,0px' color='main_color' background='bg_color' custom_bg='' background_gradient_color1='' background_gradient_color2='' background_gradient_direction='vertical' src='' attachment='' attachment_size='' attach='scroll' position='top left' repeat='no-repeat' video='' video_ratio='16:9' overlay_opacity='0.5' overlay_color='' overlay_pattern='' overlay_custom_pattern='' shadow='no-border-styling' bottom_border='no-border-styling' bottom_border_diagonal_color='#333333' bottom_border_diagonal_direction='' bottom_border_style='' custom_arrow_bg='' id='' custom_class='' aria_label='' av_element_hidden_in_editor='0' av_uid='av-2azm2']
[av_one_third first min_height='' vertical_alignment='av-align-top' space='' row_boxshadow_color='' row_boxshadow_width='10' margin='0px' margin_sync='true' mobile_breaking='' border='' border_color='' radius='0px' radius_sync='true' padding='0px' padding_sync='true' column_boxshadow_color='' column_boxshadow_width='10' background='bg_color' background_color='' background_gradient_color1='' background_gradient_color2='' background_gradient_direction='vertical' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' highlight_size='1.1' animation='' link='' linktarget='' link_hover='' title_attr='' alt_attr='' mobile_display='' id='' custom_class='' aria_label='' av_uid='av-1oxpi']
[av_image src='http://christineg8.sg-host.com/wp-content/uploads/genesis.jpg' attachment='115' attachment_size='full' copyright='' caption='' styling='' align='center' font_size='' overlay_opacity='0.4' overlay_color='#000000' overlay_text_color='#ffffff' animation='no-animation' hover='' appearance='' link='' target='' id='' custom_class='' av_element_hidden_in_editor='0' av_uid='av-k8rf31r7' admin_preview_bg=''][/av_image]
[av_buttonrow alignment='center' button_spacing='5' button_spacing_unit='px' alb_description='' id='' custom_class='' av_uid='av-k8rf3wwf' admin_preview_bg='']
[av_buttonrow_item label='Spec Sheet' icon_select='no' icon='4' font='entypo-fontello' size='medium' label_display='' title_attr='' color='custom' custom_bg='#9fb252' custom_font='#ffffff' link='manually,http://' link_target='' av_uid='av-7bui']
[av_buttonrow_item label='IES Files' icon_select='no' icon='5' font='entypo-fontello' size='medium' label_display='' title_attr='' color='custom' custom_bg='#9fb252' custom_font='#ffffff' link='manually,http://' link_target='' av_uid='av-4uhu']
[av_buttonrow_item label='Instructions' icon_select='no' icon='6' font='entypo-fontello' size='medium' label_display='' title_attr='' color='custom' custom_bg='#9fb252' custom_font='#ffffff' link='manually,http://' link_target='' av_uid='av-tizy']
[/av_buttonrow]
[/av_one_third][av_two_third min_height='' vertical_alignment='' space='' row_boxshadow='' row_boxshadow_color='' row_boxshadow_width='10' custom_margin='' margin='0px' mobile_breaking='' border='' border_color='' radius='0px' padding='0px' column_boxshadow='' column_boxshadow_color='' column_boxshadow_width='10' background='bg_color' background_color='' background_gradient_color1='' background_gradient_color2='' background_gradient_direction='vertical' src='' background_position='top left' background_repeat='no-repeat' highlight='' highlight_size='' animation='' link='' linktarget='' link_hover='' title_attr='' alt_attr='' mobile_display='' id='' custom_class='' aria_label='' av_uid='av-24zpu']
[av_textblock size='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' font_color='' color='' id='' custom_class='' av_uid='av-k909zdaq' admin_preview_bg='']
<h1>Interior Static White Ribbon</h1>
Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Nulla vitae elit libero, a pharetra augue. Cras mattis consectetur purus sit amet fermentum. Cras justo odio, dapibus ac facilisis in, egestas eget quam.
[/av_textblock]
[av_one_half first min_height='' vertical_alignment='' space='' row_boxshadow='' row_boxshadow_color='' row_boxshadow_width='10' custom_margin='' margin='0px' mobile_breaking='' border='' border_color='' radius='0px' padding='0px' column_boxshadow='' column_boxshadow_color='' column_boxshadow_width='10' background='bg_color' background_color='' background_gradient_color1='' background_gradient_color2='' background_gradient_direction='vertical' src='' background_position='top left' background_repeat='no-repeat' highlight='' highlight_size='' animation='' link='' linktarget='' link_hover='' title_attr='' alt_attr='' mobile_display='' id='' custom_class='' aria_label='' av_uid='av-1gr3y']
[av_textblock size='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' font_color='' color='' id='' custom_class='' av_uid='av-k90a12et' admin_preview_bg='']
[av_font_icon icon='ue835' font='entypo-fontello' style='' caption='' size='20px' position='left' color='#31572f' link='' linktarget='' animation='' id='' custom_class='' av_uid='av-20hu2' admin_preview_bg=''][/av_font_icon]<a href="#eb-150">EB-150 Radial Damper</a>
[av_font_icon icon='ue835' font='entypo-fontello' style='' caption='' size='20px' position='left' color='#31572f' link='' linktarget='' animation='' id='' custom_class='' av_uid='av-1jf6a' admin_preview_bg=''][/av_font_icon]<a href="#eb-250">EB-250 Round Damper & Damper Drive System</a>
[av_font_icon icon='ue835' font='entypo-fontello' style='' caption='' size='20px' position='left' color='#31572f' link='' linktarget='' animation='' id='' custom_class='' av_uid='av-wi0q' admin_preview_bg=''][/av_font_icon] <a href="#eb-200">EB-200 Rectangular Damper & Damper Drive System</a>
[/av_textblock]
[/av_one_half][av_one_half min_height='' vertical_alignment='' space='' row_boxshadow='' row_boxshadow_color='' row_boxshadow_width='10' custom_margin='' margin='0px' mobile_breaking='' border='' border_color='' radius='0px' padding='0px' column_boxshadow='' column_boxshadow_color='' column_boxshadow_width='10' background='bg_color' background_color='' background_gradient_color1='' background_gradient_color2='' background_gradient_direction='vertical' src='' background_position='top left' background_repeat='no-repeat' highlight='' highlight_size='' animation='' link='' linktarget='' link_hover='' title_attr='' alt_attr='' mobile_display='' id='' custom_class='' aria_label='' av_uid='av-39mm']
[av_textblock size='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' font_color='' color='' id='' custom_class='' av_uid='av-k90a12et' admin_preview_bg='']
[av_font_icon icon='ue835' font='entypo-fontello' style='' caption='' size='20px' position='left' color='#31572f' link='' linktarget='' animation='' id='' custom_class='' av_uid='av-20hu2' admin_preview_bg=''][/av_font_icon]<a href="#eb-150">EB-150 Radial Damper</a>
[av_font_icon icon='ue835' font='entypo-fontello' style='' caption='' size='20px' position='left' color='#31572f' link='' linktarget='' animation='' id='' custom_class='' av_uid='av-1jf6a' admin_preview_bg=''][/av_font_icon]<a href="#eb-250">EB-250 Round Damper & Damper Drive System</a>
[av_font_icon icon='ue835' font='entypo-fontello' style='' caption='' size='20px' position='left' color='#31572f' link='' linktarget='' animation='' id='' custom_class='' av_uid='av-wi0q' admin_preview_bg=''][/av_font_icon] <a href="#eb-200">EB-200 Rectangular Damper & Damper Drive System</a>
[/av_textblock]
[/av_one_half]
[/av_two_third][/av_section]
This part is what happens when I edit some of the text within a 1/2 column nested in 2/3 column. It removes the 1/2 columns nested in the 2/3 and duplicates it below the section.
[av_section min_height='' min_height_pc='25' min_height_px='500px' padding='default' margin='aviaTBmargin' custom_margin='50px,0px' color='main_color' background='bg_color' custom_bg='' background_gradient_color1='' background_gradient_color2='' background_gradient_direction='vertical' src='' attachment='' attachment_size='' attach='scroll' position='top left' repeat='no-repeat' video='' video_ratio='16:9' overlay_opacity='0.5' overlay_color='' overlay_pattern='' overlay_custom_pattern='' shadow='no-border-styling' bottom_border='no-border-styling' bottom_border_diagonal_color='#333333' bottom_border_diagonal_direction='' bottom_border_style='' custom_arrow_bg='' id='' custom_class='' aria_label='' av_element_hidden_in_editor='0' av_uid='av-2azm2']
[av_one_third first min_height='' vertical_alignment='av-align-top' space='' row_boxshadow_color='' row_boxshadow_width='10' margin='0px' margin_sync='true' mobile_breaking='' border='' border_color='' radius='0px' radius_sync='true' padding='0px' padding_sync='true' column_boxshadow_color='' column_boxshadow_width='10' background='bg_color' background_color='' background_gradient_color1='' background_gradient_color2='' background_gradient_direction='vertical' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' highlight_size='1.1' animation='' link='' linktarget='' link_hover='' title_attr='' alt_attr='' mobile_display='' id='' custom_class='' aria_label='' av_uid='av-1oxpi']
[av_image src='http://christineg8.sg-host.com/wp-content/uploads/genesis.jpg' attachment='115' attachment_size='full' copyright='' caption='' styling='' align='center' font_size='' overlay_opacity='0.4' overlay_color='#000000' overlay_text_color='#ffffff' animation='no-animation' hover='' appearance='' link='' target='' id='' custom_class='' av_element_hidden_in_editor='0' av_uid='av-k8rf31r7' admin_preview_bg=''][/av_image]
[av_buttonrow alignment='center' button_spacing='5' button_spacing_unit='px' alb_description='' id='' custom_class='' av_uid='av-k8rf3wwf' admin_preview_bg='']
[av_buttonrow_item label='Spec Sheet' icon_select='no' icon='4' font='entypo-fontello' size='medium' label_display='' title_attr='' color='custom' custom_bg='#9fb252' custom_font='#ffffff' link='manually,http://' link_target='' av_uid='av-7bui']
[av_buttonrow_item label='IES Files' icon_select='no' icon='5' font='entypo-fontello' size='medium' label_display='' title_attr='' color='custom' custom_bg='#9fb252' custom_font='#ffffff' link='manually,http://' link_target='' av_uid='av-4uhu']
[av_buttonrow_item label='Instructions' icon_select='no' icon='6' font='entypo-fontello' size='medium' label_display='' title_attr='' color='custom' custom_bg='#9fb252' custom_font='#ffffff' link='manually,http://' link_target='' av_uid='av-tizy']
[/av_buttonrow]
[/av_one_third][av_two_third min_height='' vertical_alignment='' space='' row_boxshadow='' row_boxshadow_color='' row_boxshadow_width='10' custom_margin='' margin='0px' mobile_breaking='' border='' border_color='' radius='0px' padding='0px' column_boxshadow='' column_boxshadow_color='' column_boxshadow_width='10' background='bg_color' background_color='' background_gradient_color1='' background_gradient_color2='' background_gradient_direction='vertical' src='' background_position='top left' background_repeat='no-repeat' highlight='' highlight_size='' animation='' link='' linktarget='' link_hover='' title_attr='' alt_attr='' mobile_display='' id='' custom_class='' aria_label='' av_uid='av-24zpu']
[av_textblock size='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' font_color='' color='' id='' custom_class='' av_uid='av-k909zdaq' admin_preview_bg='']
<h1>Interior Static White Ribbon</h1>
Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Nulla vitae elit libero, a pharetra augue. Cras mattis consectetur purus sit amet fermentum. Cras justo odio, dapibus ac facilisis in, egestas eget quam.
[/av_textblock]
[av_textblock size='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' font_color='' color='' id='' custom_class='' av_uid='av-k90a12et' admin_preview_bg='']
[av_font_icon icon='ue835' font='entypo-fontello' style='' caption='' size='20px' position='left' color='#31572f' link='' linktarget='' animation='' id='' custom_class='' av_uid='av-20hu2' admin_preview_bg=''][/av_font_icon]<a href="#eb-150">EB-150 RADIAL Damper</a>
[av_font_icon icon='ue835' font='entypo-fontello' style='' caption='' size='20px' position='left' color='#31572f' link='' linktarget='' animation='' id='' custom_class='' av_uid='av-1jf6a' admin_preview_bg=''][/av_font_icon]<a href="#eb-250">EB-250 Round Damper & Damper Drive System</a>
[av_font_icon icon='ue835' font='entypo-fontello' style='' caption='' size='20px' position='left' color='#31572f' link='' linktarget='' animation='' id='' custom_class='' av_uid='av-wi0q' admin_preview_bg=''][/av_font_icon] <a href="#eb-200">EB-200 Rectangular Damper & Damper Drive System</a>
[/av_textblock]
[av_textblock size='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' font_color='' color='' id='' custom_class='' av_uid='av-k90a12et' admin_preview_bg='']
[av_font_icon icon='ue835' font='entypo-fontello' style='' caption='' size='20px' position='left' color='#31572f' link='' linktarget='' animation='' id='' custom_class='' av_uid='av-20hu2' admin_preview_bg=''][/av_font_icon]<a href="#eb-150">EB-150 Radial Damper</a>
[av_font_icon icon='ue835' font='entypo-fontello' style='' caption='' size='20px' position='left' color='#31572f' link='' linktarget='' animation='' id='' custom_class='' av_uid='av-1jf6a' admin_preview_bg=''][/av_font_icon]<a href="#eb-250">EB-250 Round Damper & Damper Drive System</a>
[av_font_icon icon='ue835' font='entypo-fontello' style='' caption='' size='20px' position='left' color='#31572f' link='' linktarget='' animation='' id='' custom_class='' av_uid='av-wi0q' admin_preview_bg=''][/av_font_icon] <a href="#eb-200">EB-200 Rectangular Damper & Damper Drive System</a>
[/av_textblock]
[/av_two_third][av_one_half first min_height='' vertical_alignment='' space='' row_boxshadow='' row_boxshadow_color='' row_boxshadow_width='10' custom_margin='' margin='0px' mobile_breaking='' border='' border_color='' radius='0px' padding='0px' column_boxshadow='' column_boxshadow_color='' column_boxshadow_width='10' background='bg_color' background_color='' background_gradient_color1='' background_gradient_color2='' background_gradient_direction='vertical' src='' background_position='top left' background_repeat='no-repeat' highlight='' highlight_size='' animation='' link='' linktarget='' link_hover='' title_attr='' alt_attr='' mobile_display='' id='' custom_class='' aria_label='' av_uid='av-1gr3y']
[av_textblock size='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' font_color='' color='' id='' custom_class='' av_uid='av-k90a12et' admin_preview_bg='']
[av_font_icon icon='ue835' font='entypo-fontello' style='' caption='' size='20px' position='left' color='#31572f' link='' linktarget='' animation='' id='' custom_class='' av_uid='av-20hu2' admin_preview_bg=''][/av_font_icon]<a href="#eb-150">EB-150 RADIAL Damper</a>
[av_font_icon icon='ue835' font='entypo-fontello' style='' caption='' size='20px' position='left' color='#31572f' link='' linktarget='' animation='' id='' custom_class='' av_uid='av-1jf6a' admin_preview_bg=''][/av_font_icon]<a href="#eb-250">EB-250 Round Damper & Damper Drive System</a>
[av_font_icon icon='ue835' font='entypo-fontello' style='' caption='' size='20px' position='left' color='#31572f' link='' linktarget='' animation='' id='' custom_class='' av_uid='av-wi0q' admin_preview_bg=''][/av_font_icon] <a href="#eb-200">EB-200 Rectangular Damper & Damper Drive System</a>
[/av_textblock]
[/av_one_half][av_one_half min_height='' vertical_alignment='' space='' row_boxshadow='' row_boxshadow_color='' row_boxshadow_width='10' custom_margin='' margin='0px' mobile_breaking='' border='' border_color='' radius='0px' padding='0px' column_boxshadow='' column_boxshadow_color='' column_boxshadow_width='10' background='bg_color' background_color='' background_gradient_color1='' background_gradient_color2='' background_gradient_direction='vertical' src='' background_position='top left' background_repeat='no-repeat' highlight='' highlight_size='' animation='' link='' linktarget='' link_hover='' title_attr='' alt_attr='' mobile_display='' id='' custom_class='' aria_label='' av_uid='av-39mm']
[av_textblock size='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' font_color='' color='' id='' custom_class='' av_uid='av-k90a12et' admin_preview_bg='']
[av_font_icon icon='ue835' font='entypo-fontello' style='' caption='' size='20px' position='left' color='#31572f' link='' linktarget='' animation='' id='' custom_class='' av_uid='av-20hu2' admin_preview_bg=''][/av_font_icon]<a href="#eb-150">EB-150 Radial Damper</a>
[av_font_icon icon='ue835' font='entypo-fontello' style='' caption='' size='20px' position='left' color='#31572f' link='' linktarget='' animation='' id='' custom_class='' av_uid='av-1jf6a' admin_preview_bg=''][/av_font_icon]<a href="#eb-250">EB-250 Round Damper & Damper Drive System</a>
[av_font_icon icon='ue835' font='entypo-fontello' style='' caption='' size='20px' position='left' color='#31572f' link='' linktarget='' animation='' id='' custom_class='' av_uid='av-wi0q' admin_preview_bg=''][/av_font_icon] <a href="#eb-200">EB-200 Rectangular Damper & Damper Drive System</a>
[/av_textblock]
[/av_one_half][/av_section]
Any idea why it does this?
-
This reply was modified 5 years, 11 months ago by
argusnet.
Hi
I want to change the font in my contactform ( and the size as well ).
I tried everything; every single CSS-thread but nothing seems to work out good for me..
Can you help me?
Hey Bruno,
Sorry for the late reply. Please try the following in Quick CSS under Enfold->General Styling:
@media only screen and (max-width: 767px) {
.av-catalogue-title, .av-catalogue-price {
font-size: 18px;
}
}
Best regards,
Rikard
Hey Roger!
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
/* Header in sidebar to turn to burger on iPad 990px */
@media only screen and (max-width: 990px) {
.responsive #top .av_header_transparency.av_alternate_logo_active .logo a > img{opacity:1}
.responsive #top .av_header_transparency .logo img.alternate{display:none;}
.responsive #top #wrap_all #header {position: relative; width:100%; float:none; height:auto; margin:0 !important; opacity: 1; min-height:0;}
.responsive #top #main {padding-top:0 !important; margin:0;}
.responsive #top #main .container_wrap:first-child{ border-top:none; }
.responsive.html_header_top.html_logo_center .logo { left: 0%; -webkit-transform: translate(0%, 0); -ms-transform: translate(0%, 0); transform: translate(0%, 0); margin:0; }
.responsive .phone-info{float:none; width:100%; clear:both; text-align: center;}
.responsive .phone-info span{margin:0;padding:0; border:none;}
.responsive.html_header_top #header_main .social_bookmarks ,
.responsive.html_top_nav_header #top .social_bookmarks { width:auto; margin-top:-16px; }
.responsive #top .logo{position: static; display:table; height:80px !important; float:none; padding:0; border:none; width:80%; }
.responsive .logo a{display:table-cell; vertical-align: middle;}
.responsive .logo img{height:auto !important; width:auto; max-width: 100%; display: block; max-height: 80px;}
.responsive #header_main .container{height:auto !important; }
.responsive #top .header_bg { opacity: 1; filter: alpha(opacity=1); }
.responsive.social_header .phone-info {text-align: center; float:none; clear:both; margin:0; padding:0;}
.responsive.social_header .phone-info span{border:none; width:100%; text-align: center; float:none; clear:both; margin:0; padding:0;}
.responsive #header_meta .social_bookmarks li{ border-style:solid; border-width:1px; margin-bottom:-1px; margin-left:-1px;}
.responsive #top #header_meta .social_bookmarks li:last-child{border-right-style: solid; border-right-width: 1px;}
.responsive #header .sub_menu, .responsive #header_meta .sub_menu>ul{float:none; width:100%; text-align: center; margin:0 auto; position: static;}
.responsive #header .social_bookmarks{padding-bottom:2px; width:100%; text-align: center; height:auto; line-height: 0.8em; margin:0;}
.responsive #header_meta .sub_menu>ul>li{float:none; display: inline-block; padding: 0 10px;}
.responsive #header .social_bookmarks li{float:none; display: inline-block;}
.responsive.bottom_nav_header #header_main .social_bookmarks{ position: relative; top: 0; right: 0; margin: 10px auto; clear:both;}
.responsive.bottom_nav_header.social_header .main_menu>div{height:auto;}
.responsive .logo img{margin:0;}
.responsive.html_header_sidebar #top #header .social_bookmarks{display:none;}
.responsive body.boxed#top, .responsive.html_boxed.html_header_sticky #top #header{max-width: 100%;}
.responsive.html_header_transparency #top .avia-builder-el-0 .container, .responsive.html_header_transparency #top .avia-builder-el-0 .slideshow_inner_caption{padding-top:0;}
.responsive #top .av_phone_active_right .phone-info.with_nav span{border:none;}
.responsive #top #wrap_all .av_header_transparency .main_menu ul:first-child > li > a,
.responsive #top #wrap_all .av_header_transparency .sub_menu > ul > li > a,
.responsive #top .av_header_transparency #header_main_alternate,
.responsive .av_header_transparency #header_main .social_bookmarks li a,
.responsive #top #wrap_all .av_header_transparency .phone-info.with_nav span,
.responsive #top .av_header_transparency #header_meta,
.responsive #top .av_header_transparency #header_meta li,
.responsive #top #header_meta .social_bookmarks li a{ color:inherit; border-color: inherit; background: inherit;}
.responsive.html_top_nav_header .av-logo-container{height:auto;}
.responsive.html_top_nav_header .av-section-bottom-logo{border-bottom-style: solid; border-bottom-width: 1px;}
/*new mobile*/
.responsive .av-burger-menu-main{display: block;}
.responsive #top #wrap_all .main_menu{top:0; height:80px; left:auto; right:0; display: block; position: absolute;}
.responsive .main_menu ul:first-child > li a { height: 80px; line-height: 80px;}
.responsive #top .av-main-nav .menu-item{display:none;}
.responsive #top .av-main-nav .menu-item-avia-special{display:block;}
.responsive #top #wrap_all .menu-item-search-dropdown > a { font-size: 24px; }
.responsive #header_main_alternate{display:none;}
.responsive #top #header .social_bookmarks{display:none;}
.responsive #top #header .main_menu .social_bookmarks{display:block; position: relative; margin-top: -15px;}
.responsive #top .av-logo-container .avia-menu{height:100%;}
.responsive #top .av-logo-container .avia-menu > li > a{line-height: 80px;}
.responsive #top #main .av-logo-container .main_menu{display:block;}
.responsive #top #main .av-logo-container .social_bookmarks{display:none;}
.responsive #top #main .av-logo-container .main_menu .social_bookmarks{display:block; position: relative;}
.responsive #top #main .av-logo-container .main_menu{display:block;}
.responsive #top #header_main > .container .main_menu .av-main-nav > li > a,
.responsive #top #wrap_all .av-logo-container {height:80px; line-height:80px; }
.responsive #top #wrap_all .av-logo-container {padding:0;}
.responsive #top #header_main > .container .main_menu .av-main-nav > li > a{
min-width: 0; padding:0 0 0 20px; margin:0; border-style: none; border-width: 0;
}
.responsive #top .av_seperator_big_border .avia-menu.av_menu_icon_beside{border-right-style: solid; border-right-width: 1px; padding-right: 25px;}
.responsive #top #header .av-main-nav > li > a, .responsive #top #header .av-main-nav > li > a:hover{
background:transparent;
color: inherit;
}
.responsive.html_top_nav_header .av-logo-container .inner-container{overflow: visible;}
.html_header_sidebar #header .container {
width: 90%;
}
}
If you need further assistance please let us know.
Regards,
Victoria