Hi,
As I understand your test site outer box shadow works good:

but your live site is not:

I first note that in your code block you have HEAD & BODY tags please don’t add these, I also note that your page is not published, the WordPress preview will not always display the page correctly, I also see that your HTML in the code block adds css for “.container” & “body” that targets the page and not just the code block element.
So I remove the HEAD & BODY tags, change “.container” to “.zip-container” and publish, and now it is mostly correct:

the corrected code:

<script>
var gform;gform||(document.addEventListener("gform_main_scripts_loaded",function(){gform.scriptsLoaded=!0}),window.addEventListener("DOMContentLoaded",function(){gform.domLoaded=!0}),gform={domLoaded:!1,scriptsLoaded:!1,initializeOnLoaded:function(o){gform.domLoaded&&gform.scriptsLoaded?o():!gform.domLoaded&&gform.scriptsLoaded?window.addEventListener("DOMContentLoaded",o):document.addEventListener("gform_main_scripts_loaded",o)},hooks:{action:{},filter:{}},addAction:function(o,n,r,t){gform.addHook("action",o,n,r,t)},addFilter:function(o,n,r,t){gform.addHook("filter",o,n,r,t)},doAction:function(o){gform.doHook("action",o,arguments)},applyFilters:function(o){return gform.doHook("filter",o,arguments)},removeAction:function(o,n){gform.removeHook("action",o,n)},removeFilter:function(o,n,r){gform.removeHook("filter",o,n,r)},addHook:function(o,n,r,t,i){null==gform.hooks[o][n]&&(gform.hooks[o][n]=[]);var e=gform.hooks[o][n];null==i&&(i=n+"_"+e.length),gform.hooks[o][n].push({tag:i,callable:r,priority:t=null==t?10:t})},doHook:function(n,o,r){var t;if(r=Array.prototype.slice.call(r,1),null!=gform.hooks[n][o]&&((o=gform.hooks[n][o]).sort(function(o,n){return o.priority-n.priority}),o.forEach(function(o){"function"!=typeof(t=o.callable)&&(t=window[t]),"action"==n?t.apply(null,r):r[0]=t.apply(null,r)})),"filter"==n)return r[0]},removeHook:function(o,n,t,i){var r;null!=gform.hooks[o][n]&&(r=(r=gform.hooks[o][n]).filter(function(o,n,r){return!!(null!=i&&i!=o.tag||null!=t&&t!=o.priority)}),gform.hooks[o][n]=r)}});

document.addEventListener('DOMContentLoaded', () => {
    const form = document.getElementById('zipcodeForm');
    const input = document.getElementById('zipcodeInput');
    const errorMessage = document.getElementById('errorMessage');

    fetch('https://welsbpo.net/wp-content/uploads/zipcodes.json')
        .then(response => response.json())
        .then(zipcodeData => {
            form.addEventListener('submit', (e) => {
                e.preventDefault();
                const zipcode = input.value.trim();

                if (zipcodeData[zipcode]) {
                    window.location.href = zipcodeData[zipcode];
                } else {
                    errorMessage.textContent = 'Zipcode not found. Please try again.';
                }
            });
        })
        .catch(error => {
            console.error('Error fetching zipcode data:', error);
            errorMessage.textContent = 'An error occurred. Please try again later.';
        });
});
</script>
    <style>
        body {
            font-family: Arial, sans-serif;
            display: flex;
            justify-content: center;
            align-items: center;
            margin: 0;
            background-color: #f0f0f0;
        }

        .zip-container {
            background-color: white;
            padding: 2rem !important;
            border-radius: 8px;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
            text-align: center;
        }

        h3 {
            margin-bottom: 1rem;
        }

        form {
            display: flex;
            justify-content: center;
            margin-bottom: 1rem;
        }

        input {
            padding: 0.5rem;
            font-size: 1rem;
            border: 1px solid #ccc;
            border-radius: 4px 0 0 4px;
        }

        button {
            padding: 0.5rem 1rem;
            font-size: 1rem;
            background-color: #007bff;
            color: white;
            border: none;
            border-radius: 0 4px 4px 0;
            cursor: pointer;
        }

        button:hover {
            background-color: #0056b3;
        }

        .error {
            color: red;
        }
    </style>
    <div class="zip-container">
        <h3>Zipcode Redirect</h3>
        <form id="zipcodeForm">
            <input type="text" id="zipcodeInput" placeholder="Enter zipcode" required>
            <button type="submit">Go</button>
        </form>
        <p id="errorMessage" class="error"></p>
    </div>

Best regards,
Mike

Hi,
Thanks, this page has a page ID class of: page-id-17847 and since there is only one scroll-down-link you can just use this:

#top.page-id-17847 .scroll-down-link {
color: red !important;
font-size: 150px !important;
text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4) !important;
}

Best regards,
Mike

Hi,

Please try this CSS instead:

.grid-entry .grid-entry-excerpt {
  color: #000;
  font-size: 16px;
  text-align: left;
  font-style: normal;
}

Best regards,
Rikard

Hi,

Thank you for the update.

You can either decrease the size of the font to make sure it fits in the container or add this css code to change how words or text breaks.

#top #wrap_all .av-inherit-size .av-special-heading-tag {
    word-wrap: break-word;
}

Best regards,
Ismael

Hey rixi,

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

.grid-entry .grid-entry-excerpt {
  color: #000;
  font-size: 16px;
}

Best regards,
Rikard

Hi,

Thank you for the update.

The implementation above relies on the “data-copy” attribute, which cannot be added to any builder elements. You may need to manually copy the HTML into a code or text block. If you need it to look like a default builder button, you can try this html:

<div class="avia-button-wrap avia-button-center">
    <a href="javascript:void(0);" 
       class="avia-button av-lzt94u23-6a241e487832b9aa657eb8d56d62aa80 av-link-btn avia-icon_select-yes-left-icon avia-size-small avia-position-center avia-color-theme-color btn-copy js-tooltip js-copy"
       data-toggle="tooltip"
       data-placement="bottom"
       data-copy="https://urltocopy.com/test/"
       title="Copy URL"
       onclick="var tempInput = document.createElement('textarea'); tempInput.value = this.getAttribute('data-copy'); document.body.appendChild(tempInput); tempInput.select(); document.execCommand('copy'); document.body.removeChild(tempInput); alert('URL copied to clipboard: ' + tempInput.value);">
        <span class="avia_button_icon avia_button_icon_left" aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello"></span>
        <span class="avia_iconbox_title">Click me</span>
    </a></div>

Best regards,
Ismael

Hey spokerstradingco,

Thank you for the inquiry.

On smaller screens, the font size is set to 0.8em. Did you configure the font size for different screen sizes (Styling > Font Sizes > Heading Font Sizes)?

#top #wrap_all .av-special-heading.av-lxums4ni-4f37f7f215843741833d4240ad4206d4 .av-special-heading-tag {
    font-size: 0.8em;
}

Best regards,
Ismael

Hi,
Thanks for the links to your pages, try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

@media only screen and (max-width: 425px) { 
#top #wrap_all #main .avia-slideshow .av-slideshow-caption .avia-caption-title,
#top #wrap_all #main .avia-slideshow .av-slideshow-caption .avia-caption-content p,
#top #main .avia-slideshow .av-slideshow-caption .avia-caption-content {
    font-size: 20px;
    margin: 0;
}
.html_header_transparency #top #main .avia-builder-el-0 .slideshow_caption {
	padding-top: 0;
}
}

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

Best regards,
Mike

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

@media only screen and (max-width: 425px) { 
	.html_header_transparency #top .avia-builder-el-0 .slideshow_caption {
    padding-top: 0;
}
#top #wrap_all #main .avia-slideshow .avia-caption-title {
    font-size: 40px;
}
}

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

Best regards,
Mike

Hi,

Please try this as well:

#av-burger-menu-ul .menu-item-has-children .sub-menu li a .avia-menu-text {
  font-size: 14px; 
}

Best regards,
Rikard

Hi,
I added your horizontal gallery to your archive pages with this function.php file:

add_action('ava_after_main_container', 'ava_after_main_title_mod');
function ava_after_main_title_mod() {
	if ( is_archive() ) {
		echo do_shortcode("[av_horizontal_gallery ids='3297,3299,3315,3298,3318,3308,3316,3303,3317' ids_dynamic='' initial='' img_copyright='' height='20' size='large' gap='no' active='' control_layout='av-control-hidden' slider_navigation='av-navigate-arrows av-navigate-dots' nav_visibility_desktop='' nav_arrow_color='' nav_arrow_bg_color='' nav_dots_color='' nav_dot_active_color='' lightbox_arrow_color='' lightbox_arrow_bg_color='' img_copyright_font='' av-desktop-font-img_copyright_font='' av-medium-font-img_copyright_font='' av-small-font-img_copyright_font='' av-mini-font-img_copyright_font='' img_copyright_color='' img_copyright_bg='' transition_speed='' autoplay='true' interval='3' manual_stopper='aviaTBmanual_stopper' links='active' link_dest='' lightbox_text='' img_scrset='' lazy_loading='disabled' alb_description='' id='' custom_class='' template_class='' av_uid='av-a6srr' sc_version='1.0'][/av_horizontal_gallery]");
	}
}

please check.

Best regards,
Mike

Hey leloux,

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

#av-burger-menu-ul .menu-item-has-children .sub-menu li a {
  font-size: 14px; 
  color: red;
}

Best regards,
Rikard

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