Hi,

Thank you for the link.

Please add this css code to adjust the alignment of the buttons.

#top .av-otzhdc-f6e6fb6737c9d94574c2e623c4aab5bf .avia-button-wrap {
    position: absolute;
    width: 100%;
    bottom: 0;
}

#top .av-otzhdc-f6e6fb6737c9d94574c2e623c4aab5bf .flex_column_table .flex_column {
    padding-bottom: 100px;
}

View post on imgur.com

Best regards,
Ismael

Hi,

Thank you for the clarification.

Please remove the previous css modifications applied to the search input, then replace them with the following code:

#top #chsearchbox #searchsubmit, #chsearchbox .ajax_load {
    width: 62px;
    height: 100%;
    line-height: 40px;
    padding: 0;
    position: absolute;
    right: auto;
    top: 0;
    z-index: 2;
    margin: 0;
    border-radius: 0;
    min-width: 40px;
    left: 0;
    background: url('https://riseandshine.childrensnational.org/wp-content/uploads/2017/07/ch-search-icon.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}

#chsearchbox #searchform .av_searchform_search.avia-svg-icon {
    display: none;
}

#chsearchbox #search-3 #s {
    left: 35px;
    content: none;
    width: 85%;
    margin: -32px auto !important;
    padding: 41px;
    border: none!important;
    box-shadow: 0px 5px 15px 0px #cccccc;
    margin-left: 0 !important;
}

The search bar should look like this after applying the modification:

View post on imgur.com

Best regards,
Ismael

Hey northorie,

Thank you for the inquiry.

The testimonial arrows are visible when we checked. If you need to adjust its position, add this css:

.responsive #top #wrap_all .av-flex-cells .avia-slideshow-arrows {
    top: -50px;
    position: relative;
}

To adjust the space around the container, you can add this css code:

@media only screen and (max-width: 767px) {

  /* Add your Mobile Styles here */
  .responsive #top #wrap_all .av-flex-cells .no_margin.avia-testimonial {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

Best regards,
Ismael

Hey sitadi,
The login to the live site is not working, but for the test site the search is sticky but seems to be in the wrong position when the header when it shrinks,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

#header.header-scrolled ~ #main #av_section_1 .avia_search_element {
top: -64px;
position: relative;
}
#header ~ #main #av_section_1 .avia_search_element {
top: -30px;
position: relative;
}

Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
After applying the css, please clear your browser cache and check.

Best regards,
Mike

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

#top .av-iconlist-small.avia-icon-list-right {
    text-align: left;
    width: 93px;
}

Best regards,
Mike

Hi,
Thanks for sharing your scroll-top-link solution, that may help others, but I don’t see any css that would help the cart, did you use Guenni007’s solution?

Best regards,
Mike

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

.darklup-dark-mode-enabled #top #header .av-main-nav > li > a:not(.darklup-dark-ignore) {
	background-color: unset !important;
}

Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hi,

Thanks for the update. Please let us know if you should need any further help on the topic, or if we can close it.

Best regards,
Rikard

Hi,

Thanks for the update. Please let us know if you should need any further help on the topic, or if we can close it.

Best regards,
Rikard

Hi,

Thanks for the update. Please let us know if you should need any further help on the topic, or if we can close it.

Best regards,
Rikard

Hi,

The script is the same as the one posted above, so it’s possible that it was not added correctly earlier. https://kriesi.at/support/topic/tab-section-direct-links-for-tabs/#post-1479486

Best regards,
Ismael

Hey Angelo,

Thank you for the inquiry.

Please note that selected categories normally move to the top of the list. The category alignment or hierarchy is correct when no categories are selected.

View post on imgur.com

Do you encounter issues with the category selection?

Best regards,
Ismael

Hey mosaic,

Thank you for the inquiry.

You can add this code in the functions.php file to adjust the default size of the featured image:

function avf_customization_modify_thumb_size( $size ) {
      $size['entry_without_sidebar'] = array( 'width' => 9999, 'height' => 9999 );
      $size['entry_with_sidebar'] = array( 'width' => 9999, 'height' => 9999 );
      return $size;
}

add_filter( 'avf_modify_thumb_size', 'avf_customization_modify_thumb_size', 10, 1 );

After adding the filter or code, you’ll have to regenerate the thumbnails or upload the images again:

— https://wordpress.org/plugins/regenerate-thumbnails/

IMPORTANT: Please make sure to create a site backup or restore point before proceeding.

Related thread: https://kriesi.at/support/topic/full-image-on-single-post/#post-1471379

Best regards,
Ismael

Hey ditteditte,

Thank you for the inquiry.

Based on the class parameter in the shortcode, the selector should be “.only-desktop”. Please replace the css with the following code:

@media only screen and (max-width: 768px) {
  .only-desktop {
    display: none !important;
  }
}

Best regards,
Ismael

Hey Freek,
I see you have the error: Uncaught TypeError: $ is not a function
your top half of the code is javascript, but the second half is jQuery which needs to be wrapped with this:

(function($) {
//your code here
})(jQuery);

like this:

<style>
.bootstrap .player-selection-ul li.player-selection-li{
padding: 6px 15px;
line-height: 1;
}
</style>
<link href="https://nl.escapeall.com/Content/API/styles.css" rel="stylesheet">
<link href="https://nl.escapeall.com/CustomCss/fun-thrills.css" rel="stylesheet">
<script type="text/javascript">
function updatePlayersOptions(element) {
    var jThis = ea_jQuery(element);
    const selectedLanes = parseInt(jThis.find('option:selected').data('quantity')) || 0;
    const maxPlayers = selectedLanes * 6;
    jThis.closest(".alert-reservation-added").find('.extra-options-row-2 option').each(function () {
        const playerCount = parseInt(ea_jQuery(this).val()) || 0;
        if (playerCount > maxPlayers) {
            ea_jQuery(this).prop('disabled', true).hide();
        } else {
            ea_jQuery(this).prop('disabled', false).show();
        }
    });
}
(function($) {
$(document).ready(function() {
$.getScript("https://nl.escapeall.com/Scripts/API/all.js", function (data, textStatus, jqxhr) {
GetBookingCalendra('#BookingId', {
        ServiceId: ['23fa314b-449e-4881-9b8d-3674fa6bdeab'],
        lang: 'nl',
        Template: 9,
        QuantitySelectionAsPlayers: true,
        FirstWeekDay: 'Monday',
        InitialQuantity: 1,
        successReservationSelected: function (reserv) {
            console.log('hello');
        },
        success: function () {
            ea_jQuery('.choose-player-panel h4').text('Aantal banen');
            ea_jQuery('.service-time-selection-panel h4').text('Tijd en Prijs');
            ea_jQuery('.player-selection-ul li[data-quantity="1"]').html('1<br/><small>1-6 spelers</small>');
            ea_jQuery('.player-selection-ul li[data-quantity="2"]').html('2<br/><small>2-12 spelers</small>');
            ea_jQuery('.player-selection-ul li[data-quantity="3"]').html('3<br/><small>3-18 spelers</small>');
            ea_jQuery('.player-selection-ul li[data-quantity="4"]').html('4<br/><small>4-24 spelers</small>');
            ea_jQuery('.service-time-selection-panel h4').text(' Activiteit en tijd');
            ea_jQuery(document).on('change', '.multiple-reservation-price', function (e) {
                updatePlayersOptions(this);
            });
        },
        successReservationSelected: function (toBeAppended) {
            updatePlayersOptions(ea_jQuery(".multiple-reservation-price", toBeAppended));
        }
    });
});
});
})(jQuery);
</script>
<div id="BookingId"></div>
<div class="escapeall">Booking System powered by: <a href="https://nl.escapeall.com/">Escape<span>All</span></a></div>

Best regards,
Mike

Hi,

Thanks for your feedback and glad we could solve the problem.
Enjoy the theme and have a great day.

Feel free to come back when you need further assistance – simply open a new topic.

Best regards,
Günter

PS. If you can spare a few minutes please leave a positive review at our product page https://themeforest.net/item/enfold-responsive-multipurpose-theme/reviews/4519990

thanks in advance.

Hey amanda-mdllc,

Thank you for the inquiry.

Try to add this code to the Quick CSS field to center-align the phone info.

#top #header_meta .container {
    display: flex;
    justify-content: center;
}

Best regards,
Ismael

Hi,

Thank you for the update.

We added this code in the Quick CSS field to adjust the size and color of the icons on Safari.

#top #menu-item-search .avia-svg-icon svg, #top .av-logo-container .social_bookmarks li a svg  {
    width: 18px;
    height: 18px;
    color: white;
    fill: white;
}

Result:

View post on imgur.com

Best regards,
Ismael

Hi,

Thank you for the update.

Try to add this css code to disable the animation of the masonry items and make them visible immediately on page load.

#top .av-masonry-image-container, #top .av-inner-masonry-content, #top .av-masonry-pagination {
    transition: none;
}

#top .av-inner-masonry {
    transform: translateZ(0px) translateY(0px) rotateX(0deg);
    opacity: 1;
    animation: none;
}

#top .av-masonry-entry {
    opacity: 1;
    visibility: visible;
}

Best regards,
Ismael