Hey stefv8,

If you activate debug mode under Enfold->Layout Builder->Show advanced options, then you can add this shortcode in the box which will appear under the regular layout window on a new page, so that you can see what settings the element has:

[av_layout_row border='' min_height='0' color='main_color' mobile='av-flex-cells' id='collections' av_uid='av-6pr6fk']
[av_cell_one_fourth vertical_align='top' padding='0px' padding_sync='true' background_color='' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='top left' background_repeat='no-repeat' av_uid='av-6hwbk8']

[av_image src='https://kriesi.at/themes/enfold-shop/files/2015/03/winter-girl-small-495x400.jpg' attachment='551' attachment_size='portfolio' copyright='' caption='yes' styling='no-styling' align='center' font_size='' overlay_opacity='0.7' overlay_color='#6786a1' overlay_text_color='#ffffff' animation='no-animation' hover='av-hover-grow av-hide-overflow' appearance='' link='product,66' target='' title_attr='' alt_attr='' lazy_loading='disabled' id='' custom_class='' template_class='' av_element_hidden_in_editor='0' av_uid='av-6dsjcg' sc_version='1.0' admin_preview_bg='']
NEW
WINTER COLLECTION
[/av_image]

[/av_cell_one_fourth][av_cell_one_fourth vertical_align='top' padding='0px' padding_sync='true' background_color='' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='top left' background_repeat='no-repeat' av_uid='av-6686k8']

[av_image src='https://kriesi.at/themes/enfold-shop/files/2015/03/couple-sitting-495x400.jpg' attachment='546' attachment_size='portfolio' copyright='' caption='yes' styling='no-styling' align='center' font_size='' overlay_opacity='0.7' overlay_color='#6786a1' overlay_text_color='#ffffff' animation='no-animation' hover='av-hover-grow av-hide-overflow' appearance='' link='product_cat,15' target='' title_attr='' alt_attr='' lazy_loading='disabled' id='' custom_class='' template_class='' av_element_hidden_in_editor='0' av_uid='av-61m3e8' sc_version='1.0' admin_preview_bg='']
LATEST
STREET CLOTHES
[/av_image]

[/av_cell_one_fourth][av_cell_one_fourth vertical_align='top' padding='0px' padding_sync='true' background_color='' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='top left' background_repeat='no-repeat' av_uid='av-5wd80g']

[av_image src='https://kriesi.at/themes/enfold-shop/files/2015/03/girls-shopping-desat-495x400.jpg' attachment='549' attachment_size='portfolio' copyright='' caption='yes' styling='no-styling' align='center' font_size='' overlay_opacity='0.7' overlay_color='#6786a1' overlay_text_color='#ffffff' animation='no-animation' hover='av-hover-grow av-hide-overflow' appearance='' link='product_cat,12' target='' title_attr='' alt_attr='' lazy_loading='disabled' id='' custom_class='' template_class='' av_element_hidden_in_editor='0' av_uid='av-5oekkg' sc_version='1.0' admin_preview_bg='']
FRESH
SPORTSWEAR
[/av_image]

[/av_cell_one_fourth][av_cell_one_fourth vertical_align='top' padding='0px' padding_sync='true' background_color='' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='top left' background_repeat='no-repeat' av_uid='av-jvrd4']

[av_image src='https://kriesi.at/themes/enfold-shop/files/2015/03/hipster-girls-working-495x400.jpg' attachment='554' attachment_size='portfolio' copyright='' caption='yes' styling='no-styling' align='center' font_size='' overlay_opacity='0.7' overlay_color='#6786a1' overlay_text_color='#ffffff' animation='no-animation' hover='av-hover-grow av-hide-overflow' appearance='' link='product_cat,10' target='' title_attr='' alt_attr='' lazy_loading='disabled' id='' custom_class='' template_class='' av_element_hidden_in_editor='0' av_uid='av-5cjrlk' sc_version='1.0' admin_preview_bg='']
FUNKY
ACCECCOIRS
[/av_image]

[/av_cell_one_fourth]
[/av_layout_row]

Best regards,
Rikard

Hey leloux,

Please try the following in Quick CSS under Enfold->General Styling:

.js_active .top_tab .tab {
  font-size: 18px;
}

Best regards,
Rikard

Hi,
Try adding this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

@media only screen and (max-width: 767px) { 
#top #header #av-burger-menu-ul .sub-menu .avia_mega_text_block a {
    text-decoration: none;
    font-size: 13px; 
    font-weight: 400;
}
}

Best regards,
Mike

Hey pamk21,

Thank you for the inquiry.

To add a calendar icon beside the email, you can use the av_font_icon shortcode in the Enfold > Header > Extra Element > Phone Number Or Small Info Text field. Example:

[av_font_icon icon='ue85b' font='entypo-fontello' style='' caption='' size='14px' position='left' color='' link='' link_dynamic='' linktarget='' title_attr='' sonar_effect_effect='' sonar_effect_color='' sonar_effect_duration='1' sonar_effect_scale='' sonar_effect_opac='0.5' animation='' id='' custom_class='' template_class='' element_template='' one_element_template='' av_uid='av-lzc7ui7m' sc_version='1.0' admin_preview_bg=''][/av_font_icon]

Best regards,
Ismael

Hi,
To move the title to the centered and make the font size larger, please try this css:

.title_container .main-title {
    font-size: 20px;
}
#top .title_container .container {
	text-align: center;
}

For your second question, do you mean that you want to show the gallery from /campionato-regionale-giovanile-lazio-2024/ on the /notizie/ page above the title?
If true, please add the gallery to the top of your /notizie/ page and we can provide some javascript to move it above the title for you.

Best regards,
Mike

Hey amyncuih,

Thank you for the inquiry.

You can use this css code to adjust the style of the table element.

.avia-data-table.avia_pricing_minimal th, .avia-data-table.avia_pricing_minimal td {
    padding: 14px;
    font-size: 16px;
}

Best regards,
Ismael

Hey Alan,

Thank you for the inquiry.

You can try this code in the Enfold > Header > Extra Elements > Phone Number Or Small Info Text field.

<div class="header-phone-email">
<div>
<a href="tel:+53503799">[av_font_icon icon='ue854' font='entypo-fontello' style='' caption='' size='13px' position='left' color='' link='' link_dynamic='' linktarget='' title_attr='' sonar_effect_effect='' sonar_effect_color='' sonar_effect_duration='1' sonar_effect_scale='' sonar_effect_opac='0.5' animation='' id='' custom_class='' template_class='' element_template='' one_element_template='' av_uid='av-lz7v2ahm' sc_version='1.0' admin_preview_bg=''][/av_font_icon] 53 50 37 99</a></div>
<div>
<a href="mailto: (Email address hidden if logged out) ">[av_font_icon icon='ue805' font='entypo-fontello' style='' caption='' size='13px' position='left' color='' link='' link_dynamic='' linktarget='' title_attr='' sonar_effect_effect='' sonar_effect_color='' sonar_effect_duration='1' sonar_effect_scale='' sonar_effect_opac='0.5' animation='' id='' custom_class='' template_class='' element_template='' one_element_template='' av_uid='av-lz7v2ahm' sc_version='1.0' admin_preview_bg=''][/av_font_icon]  (Email address hidden if logged out) </a></div>
</div>

Best regards,
Ismael

Hi,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field instead to have larger round social icons in the socket, it also adds a white background color before mouse-over and on mouse-over the icon colors show, I have not sure what color you wanted as typically there is no color until mouse-over, feel free to adjust the color to suit.

#socket .social_bookmarks li a {
width: 50px!important; 
line-height: 50px!important; 
min-height: 50px!important; 
font-size: 30px;
}

#socket .social_bookmarks li {
height: 50px!important; 
width: 50px!important; 
}

#top #wrap_all .av-social-link-instagram a {
    color: var(--enfold-socket-color-meta);
    background-color: #fff;
}
#top #wrap_all .av-social-link-linkedin a {
    color: var(--enfold-socket-color-meta);
    background-color: #fff;
}

After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hey designguy2006,

Please try the following in Quick CSS under Enfold->General Styling:

.html_av-submenu-hidden .av-submenu-indicator {
  font-size: 20px;
  color: red;
}

Best regards,
Rikard

Hey Richard,

Thank you for the inquiry.

The social icons in the socket container were already white when we checked. To adjust the size, please add this css:

#top #socket .social_bookmarks li a {
  float: left;
  width: 50px;
  line-height: 50px;
  min-height: 50px;
  font-size: 30px;
}

#top #socket .social_bookmarks {
  height: 50px;
}

Best regards,
Ismael

Hi,
I added this css to your Quick CSS:

#top #header .avia_mega_div .sub-menu .avia_mega_text_block a {
    text-decoration: none;
    font-size: 12px; 
}
#top #header .avia_mega_div .avia_mega_text_block .avia-bullet {
    margin-top: 10px;
    left: -8px;
}

please clear your browser cache and check.

Best regards,
Mike

Hey ftt123,

Please try the following in Quick CSS under Enfold->General Styling:

@media only screen and (max-width: 767px) {
.avia-slideshow-slide .avia-caption-content p {
  font-size: 18px; 
}
}

Best regards,
Rikard

Hi,

This is what is currently appyling:

#main .avia_textblock.text-about {
  margin-top: 0px;
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 19px;
  font-family: zen-kaku-gothic-new;
  font-weight: 500;
  word-spacing: 18px;
}

Changing the top and bottom padding values work when I test it in the browser.

Best regards,
Rikard

Hi,

Please try this CSS instead:

#main .avia_textblock.text-about {
  margin-top: 0px;
  padding-top: 12px;
  padding-bottom: 8px;
  font-size: 18px;
  font-family: zen-kaku-gothic-new;
  font-weight: 500;
}

Best regards,
Rikard

Hey Jak73,

Thank you for the inquiry.

Yes, you may need to manually create this using html and a few css modifications. Please start with this html code in a text or code block element:

<div class="navigation">
    <button class="nav-button left-arrow">&larr;</button>
    <button class="nav-button close-button">×</button>
    <button class="nav-button right-arrow">&rarr;</button></div>

Then add this css code:

.navigation {
    display: flex;
    justify-content: center;
    align-items: center;
}

.nav-button {
    background-color: #fff;
    border: 1px solid #ccc;
    padding: 10px;
    margin: 0 5px;
    cursor: pointer;
    font-size: 16px;
}

.nav-button:hover {
    background-color: #f0f0f0;
}

.left-arrow, .right-arrow {
    font-size: 18px;
}

.close-button {
    font-size: 20px;
}

Best regards,
Ismael

Hi,

Thanks for that. Please try the following in Quick CSS under Enfold->General Styling:

.main_color.iconbox_top .iconbox_icon:before {
  color: blue;
  font-size: 20px;
}

Best regards,
Rikard