Hi,

Try changing the part I posted in my last reply to this instead:

style="display:block; line-height:0; margin-top:-10px;"

Best regards,
Rikard

Hi,

Great, glad you got it working and thanks for the feedback :-)

Please let us know if you should need any further help on the topic.

Best regards,
Rikard

Hi!

The image is not included in the “share pattern”. You can filter the pattern with the following code.

add_filter('avia_social_share_link_arguments', 'avia_add_social_share_link_arguments', 10, 1);
function avia_add_social_share_link_arguments($args)
{
	$thumb = wp_get_attachment_image_src( get_post_thumbnail_id(), 'masonry' );
	$args['twitter']['pattern'] = 'https://twitter.com/share?text=[title] '.$thumb[0].'&url=[shortlink]';
	return $args;
}

// https://kriesi.at/support/topic/large-twitter-card-for-post-share-icon/#post-662746

Best regards,
Ismael

Hi Pete,

Glad we could help, please let us know if you should need any further help on the topic.

Best regards,
Rikard

Hi,

Great, glad you got it working :-)

Please let us know if you should need any further help on the topic.

Best regards,
Rikard

Hey!

The boxes in the original site’s history page is very uncommon and you can’t rebuild it from the advance layout builder automatically so you have to copy its markup. This is the markup of one of the boxes.

<div class="row row-alternate-column" id="1800s">

    <div class="fixed-box" data-switch-target="#1800s-switch" style="height: 874px;">

        <div style="width: 75%;" class="cuervo-century-panel">
            <h1 style="background-color: #2F2F2F;">1800s</h1>
            <div style="background-color: #2F2F2F;" class="cuervo-century-copy">
                <h2>Exported To The United States</h2>
                <p>Jose Cuervo barrels made it to California from San Blas in 1852</p>
            </div>
        </div>
        <div class="cuervo-century-panel panel-switch" style="width: 80%;">
            <h1 style="background-color: #4C2E16;">1800s</h1>
            <div style="background-color: #4C2E16;" class="cuervo-century-copy">
                <h2>Glass Bottles To Go Anywhere</h2>
                <p>Jose Cuervo® was the first tequila brand to bottle tequila individually, making it easier to transport the tequila to meet booming demand in Mexico and across the border.</p>
            </div>
        </div>

        <div class="fixed-bg" style="background-image: url(https://cuervo.com/wp-content/themes/cuervo/images/8_1800s-train-tall.jpg)"></div>
        <div class="fixed-bg fixed-bg-switch" style="background-image: url(https://cuervo.com/wp-content/themes/cuervo/images/9_1800s-bottles-tall.jpg)"></div>
    </div>

    <div class="fixed-box history-hidden-desktop" style="height: 874px;">

        <div class="cuervo-century-panel" style="width: 80%;">
            <h1 style="background-color: #4C2E16;">1800s</h1>
            <div style="background-color: #4C2E16;" class="cuervo-century-copy">
                <h2>Glass Bottles To Go Anywhere</h2>
                <p>Jose Cuervo® was the first tequila brand to bottle tequila individually, making it easier to transport the tequila to meet booming demand in Mexico and across the border.</p>
            </div>
        </div>

        <div class="fixed-bg" style="background-image: url(https://cuervo.com/wp-content/themes/cuervo/images/9_1800s-bottles-tall.jpg)"></div>
    </div>

    <div class="scroll-box">
        <img src="http://cuervo.com/wp-content/themes/cuervo/images/11-1800s-map.jpg">
    </div>
    <div class="scroll-box" style="height: 656px; background-image: url(https://cuervo.com/wp-content/themes/cuervo/images/10-1800s-distillery.jpg); background-size: auto auto; background-position: top center;">
        <div class="content" style="padding-top: 24%;">
            <div style="background-color: #995A31;" class="scroll-box-footer">
                <h1 style="font-size: 25px; margin: 1em 0 0.5em;">New Distillation Machinery</h1>
                <p style="text-align: center; margin-top: 0;">Sold 10,000 barrels of tequila in one year.</p>
            </div>
        </div>
    </div>
    <div class="scroll-box" style="height: 516px; background-image: url(https://cuervo.com/wp-content/themes/cuervo/images/6_1700s-larojena.jpg); background-size: auto auto; background-position: top center;">
        <div class="content">
            <div style="background-color: #2F2F2F;" class="scroll-box-footer">
                <h1 style="font-size: 25px; margin: 1em 0 0.5em;">Where Jose Cuervo is produced</h1>
                <p style="text-align: center; margin-top: 0;">La Rojena, founded in 1812, is the oldest active distillery in Latin America.</p>
            </div>
        </div>
    </div>
    <div class="scroll-box" id="1800s-switch">
        <div style="padding: 12% 16% 10%;">
            <h1 style="color: #595A5F; font-size: 30px; line-height: 1.5;">Award Winning,<br>As Always</h1>
            <p style="color: #828278; line-height: 2;">First-place medal given to Jose Cuervo Tequila at the second Exposición de Las Clases Productoras, exhibition held in Guadalajara in May 1880.</p>
        </div>
        <img src="http://cuervo.com/wp-content/themes/cuervo/images/12-1800s-medal.png">
    </div>
    <div class="scroll-box">
        <img src="http://cuervo.com/wp-content/themes/cuervo/images/12-3-1800s-glassbottles.jpg">
    </div>
    <div class="scroll-box">
        <img src="http://cuervo.com/wp-content/themes/cuervo/images/12-2-1800s-glassbottles.jpg">
    </div>
    <div class="scroll-box">
        <img src="http://cuervo.com/wp-content/themes/cuervo/images/12-1-1800s-barrels.jpg">
    </div>
</div>

You have to extract the css style of those containers from the original site.

Best regards,
Ismael

Hi!

Thank you for the info. You can increase the height of the slider on mobile view.

@media only screen and (max-width: 767px) {
    .avia-slideshow-inner {
        height: 400px !important;
    }

    .av-video-slide .mejs-mediaelement {
        height: 150%;
        margin-top: -13%;
    }
}

Best regards,
Ismael

Hey!

Place the css code above inside a css media query so that it won’t affect the mobile view.

@media only screen and (min-width: 768px) {
  /* Add your Desktop Styles here */
    .page-id-8050 .av-masonry-image-container:hover:after {
        opacity: 1;
    }
    .page-id-8050 .av-masonry-image-container:after {
        opacity: 0;
    }
    .page-id-8050 .av-masonry-image-container {
        margin-bottom: -35px;
    }
}

Cheers!
Ismael

Hi,

We are very sorry for the late response.

All default elements such as the product categories and tags will not be included in the template if you’re using the advance layout builder. It’s going to be a blank canvas so you have to place all the elements manually. Unfortunately, there is no element for the categories and tags so you will have to create a shortcode or put them manually via text or code block.

// https://kriesi.at/support/topic/show-categories-and-tags-in-portfolio/#post-673578
// https://kriesi.at/support/topic/question-about-transferring-set-up-to-our-actual-site/#post-643745

In the examples above, you have to use the “product_cat” taxonomy.

Best regards,
Ismael