Hi,

I added following code to bottom of Quick CSS field

.av-catalogue-title { 
    font-size: 20px; 
}
.av-catalogue-content {
    font-size: 16px;
}

Please review your website

Best regards,
Yigit

Hey Elliot,

Thank you for using Enfold.

Use the following css codes to adjust the font size.

table.shop_table th {
    font-size: 16px;
    line-height: 18px;
}

For the payment box, use this one.

#top #payment div.payment_box {
    font-size: 1em;
}

Default value is 0.96em.

Best regards,
Ismael

Hey zizibe1,

Thank you for using Enfold.

Use this css code to adjust the size of the icon.

.avia-buttonrow-wrap .avia-button .avia_button_icon {
    font-size: 20px;
}

You can upload a custom icon font in the Enfold > Import/Export > Iconfont Manager panel.

Best regards,
Ismael

Hi,

Are you referring to the full width slider’s sliding animation and button? You can do that with the easy slider but you have to manually add the button shortcode inside the caption field and apply the sliding animation.

.avia-caption-title, .avia-caption-content {
  -webkit-transform: translate(0,0);
  transform: translate(0,0);
  visibility: hidden;
} 

.avia_transform .active-slide .avia-caption-title {
  visibility: visible;
  -webkit-animation: caption-left 1s 1 cubic-bezier(0.985, 0.005, 0.265, 1);
  animation: caption-left 1s 1 cubic-bezier(0.985, 0.005, 0.265, 1);
}

.avia_transform .active-slide .avia-caption-content {
  visibility: visible;
  -webkit-animation: caption-right 1s 1 cubic-bezier(0.985, 0.005, 0.265, 1);
  animation: caption-right 1s 1 cubic-bezier(0.985, 0.005, 0.265, 1);
}

This is an example of the button shortcode.

[av_button label='Click me' link='manually,http://' link_target='' size='small' position='center' label_display='' icon_select='yes' icon='ue800' font='entypo-fontello' color='light' custom_bg='#444444' custom_font='#ffffff' av_uid='av-jijm0yeg' admin_preview_bg='']

Best regards,
Ismael

Hey geoffd20,
I have tried to adjust your slider for tablets (768px) and laptops (1024px), by making the text a little smaller, removing the padding from the caption box to make it a little larger, moving the buttons so they don’t overlap the center and side slide controls.
Please try this code in the General Styling > Quick CSS field, and feel free to adjust to suit if needed:

@media only screen and (min-width: 767px) and (max-width: 1023px) { 
#top.home .caption_right .slideshow_caption {
padding: 0 75px 0 0!important; 
font-size: 70% !important;
width: 60% !important; 
}
#top.home .caption_left .slideshow_caption {
padding: 0 0 0 75px!important; 
font-size: 70% !important;
width: 60% !important; 
}
#top.home .slide-2 .avia-slideshow-button,#top.home .slide-1 .avia-slideshow-button  {
float: right !important; 
margin-top: 0px !important; 
}
.slide-1 .avia-slideshow-button-2{
margin-right: 10px !important; 
}
#top.home .avia-slideshow-button {
margin-top: 0px !important; 
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) { 
#top.home .caption_right .slideshow_caption {
padding: 0 75px 0 0!important; 
font-size: 90% !important;
width: 50% !important; 
}
#top.home .caption_left .slideshow_caption {
padding: 0 0 0 75px!important; 
font-size: 90% !important;
width: 50% !important; 
}
#top.home .avia-slideshow-button {
margin-top: 0px !important; 
}
}

Best regards,
Mike

Hi,
Try this code in the General Styling > Quick CSS field:

@media only screen and (max-width: 767px) { 
#top.home .avia-caption-content {
    font-size: 12px !important; 
}
#top.home .avia-caption-title {
    font-size: 20px !important; 
}
}

Adjust to suit

Best regards,
Mike

Hi,

Thanks for the feedback. First off please activate debug mode in order to see builder shortcodes: https://kriesi.at/documentation/enfold/intro-to-advanced-layout-builder/#debug-mode

Then you can add the following shortcode to a new page:

[av_heading heading='<strong>Masonry Shop Example</strong>' tag='h3' color='' custom_font='' style='blockquote modern-quote' size='' subheading_active='' subheading_size='10' padding='10' av_uid='av-5qeebj'][/av_heading]

[av_textblock av_uid='av-4yfo1b']
Please note: The Masonry Shop is not suited for a shop with hundreds of products (in that case use the default shop) but if you only sell a handful of item and want to display them in a stylish way this might be the way to do it. The Masonry Shop has also some limitations that the "<a href="http://kriesi.at/themes/enfold/shop/">default shop</a>" doesn't have. It can't be selected as default shop or shop archive. It is meant to be an extra element on your Frontpage not to display a full fledged shop. Thats what the <a href="http://kriesi.at/themes/enfold/shop/">default shop</a> is for ;)
[/av_textblock]

[av_masonry_entries link='product_cat,94,60,40,109,126,91,51' sort='yes' items='12' paginate='load_more' size='fixed' gap='1px' overlay_fx='active' caption_elements='title' caption_display='always' id='' av_uid='av-36h2in']

Best regards,
Rikard

Hey Oceans247,
I assume that you are using a page as a footer, because your link to /footer/ returned a 404, and your “footer” has many links with underlines.
If this is correct, Try this code in the General Styling > Quick CSS field:

.avia-section .post-entry-2704 .av_inherit_color a {
    text-decoration: none !important; 
    font-size: 80% !important; 
}

Best regards,
Mike

Hey DROR,
Thanks for the screenshot, Try this code in the General Styling > Quick CSS field:

.woocommerce-billing-fields #billing_address_1_field {
    clear: right !important;
}
.woocommerce-billing-fields #billing_address_2_field span.optional {
font-size: 10px !important;
}

Please see screenshot in Private Content area.

Best regards,
Mike

Hi Mohammad,

Thanks for the feedback. Please try this instead:

#top .av-subnav-menu > li > a {
    font-size: 20px !important;
}

Best regards,
Rikard