Hi,

positioning, but there isn’t any way to indicate something like “Bottom-Center”.

Are you trying to move the button to the bottom and center it horizontally? Try to set the Caption Positioning to “Bottom Framed”, then add this css code to center-align the caption horizontally.

.caption_bottom.caption_bottom_framed.caption_framed .slideshow_align_caption {
    text-align: center;
}

Best regards,
Ismael

Hi,

Thank you for sharing. This will probably be included in the next patch.

Best regards,
Ismael

Hi,

Thank you for the update.

Where do you see the meta description? This the only meta description that we can see in the page:

<meta name="description" content="The War Horse is an award-winning nonprofit newsroom educating the public on the military through military news, forums, and writing seminars.">

And another for open graph meta, which is different from the meta description:

<meta property=&quot;og:description&quot; content=&quot;The War Horse is an award-winning nonprofit newsroom educating the public on the military through military news, forums, and writing seminars.&quot;>

Would you mind providing a screenshot? You can use platforms like Savvyify, Imgur or Dropbox to upload and share the screenshot. Here are the steps to follow:

1.) Visit the website of your chosen platform, such as Savvyify, Imgur or Dropbox.
2.) Locate the option to upload a file or an image.
3.) Select the screenshot file from your computer or device and upload it to the platform.
4.) After the upload is complete, you will be provided with a shareable link or an embed code.
5.) Copy the link or code and include it in your message or response to provide us with the screenshot.

Thank you for taking the time to share the screenshot. It will help us better understand the issue you’re facing and provide appropriate assistance.

Best regards,
Ismael

Hey bdfuel,

Thank you for the inquiry.

You can manually add the html using a Text or Code block element. Example:

<div class="avia-author-book-container avia-column-gap-no">
<div class="avia-column avia-col-50 avia-top-column avia-element avia-element-1fbc302" data-id="1fbc302" data-element_type="column">
<div class="avia-widget-wrap avia-element-populated">
<div class="avia-element avia-element-41719f0 avia-widget__width-initial avia-widget avia-widget-jet-listing-dynamic-image" data-id="41719f0" data-element_type="widget" data-widget_type="jet-listing-dynamic-image.default">
<div class="avia-widget-container">
<div class="jet-listing jet-listing-dynamic-image">
                        <a href="https://demo.crocoblock.com/v2/only-books/book-authors/adiva-geffen/" class="jet-listing-dynamic-image__link">
                            <img width="100" height="100" src="https://demo.crocoblock.com/v2/only-books/wp-content/uploads/2022/04/Adiva_geffen-100x100.jpg" class="jet-listing-dynamic-image__img attachment-shop_thumbnail size-shop_thumbnail wp-post-image" alt="Adiva_geffen" decoding="async" srcset="https://demo.crocoblock.com/v2/only-books/wp-content/uploads/2022/04/Adiva_geffen-100x100.jpg 100w, https://demo.crocoblock.com/v2/only-books/wp-content/uploads/2022/04/Adiva_geffen-150x150.jpg 150w, https://demo.crocoblock.com/v2/only-books/wp-content/uploads/2022/04/Adiva_geffen-230x230.jpg 230w" sizes="(max-width: 100px) 100vw, 100px" loading="eager">
                        </a></div>
</div>
</div>
</div>
</div>
<div class="avia-column avia-col-50 avia-top-column avia-element avia-element-09dc9ac" data-id="09dc9ac" data-element_type="column">
<div class="avia-widget-wrap avia-element-populated">
<div class="avia-element avia-element-049d92b avia-widget avia-widget-jet-listing-dynamic-link" data-id="049d92b" data-element_type="widget" data-widget_type="jet-listing-dynamic-link.default">
<div class="avia-widget-container">
<h4 class="jet-listing jet-listing-dynamic-link">
                        <a href="https://demo.crocoblock.com/v2/only-books/book-authors/adiva-geffen/" class="jet-listing-dynamic-link__link">
                            <span class="jet-listing-dynamic-link__label">Adiva Geffen</span>
                        </a></h4>
</div>
</div>
<div class="avia-element avia-element-5b03505 avia-widget avia-widget-heading" data-id="5b03505" data-element_type="widget" data-widget_type="heading.default">
<div class="avia-widget-container">
                    <span class="avia-heading-title avia-size-default">1 books</span></div>
</div>
</div>
</div>
</div>

Then add this css code:

.avia-author-book-container {
    display: flex;
    flex-wrap: wrap;
}

.avia-column.av-ia-col-50 {
    width: 50%;
    padding: 10px; /* Adjust the padding as needed */
}

.avia-widget-wrap {
    display: flex;
    flex-direction: column;
}

@media (max-width: 768px) {
    .avia-column.av-ia-col-50 {
        width: 100%; /* Stack columns on smaller screens */
    }
}

You can use the 1/4 Column element for each author.

Best regards,
Ismael

Hi,

Great! Glad to know that this has been resolved. Please feel free to open anotehr thread if you have more questions about the theme.

Have a nice day.

Best regards,
Ismael

Hi,

Is it perhaps because I have installed the “Responsive Lightbox Lite” plugin?!

Yes, you need to use the theme’s default lightbox feature, as @Guenni007 pointed out, and deactivate the plugin for the modifications to work correctly. If you really need to use the plugin, you may need to contact the plugin developers for additional assistance.

Best regards,
Ismael

Hi,

Thank you for the update.

Unfortunately, there’s no way around this other than clearing the cookies manually. Yes, you can temporarily add a note or add another link to a page containing a different contact form if you think this will discourage users from using the current one.

Best regards,
Ismael

Hi,

I should have the same values on all my CPTs since the very same Custom Layout template is used.

Yes, if all the items in your CPT will use the same custom layout, they should have the same tree structure. Let us know if you find anything.

Best regards,
Ismael

Hi,

We’ll keep the thread open for now. Let us know if need more assistance.

Best regards,
Ismael

Hi,

Thank you for the info.

You can try this css code to make sure that the gallery resizes to at least 98% of the browser’s viewport height.

.slick-slider, .slick-slider .slick-list, .slick-slider img {
    min-height: 98vh;
}

This screenshot was taken from a screen emulation with a resolution of 3440×1440 pixels. (see private field.)

Best regards,
Ismael

Hi,

Just one thing which I want to change: I want the icon on the right side.

To move the icon to the right, please update the css code with this:

#top .av-slideshow-caption.av-jqqjz4n5-fe3605ba570a187c18a9e721a6eef45d__0 .avia-slideshow-button:before {
    display: block;
    width: 10px;
    height: 10px;
    position: absolute;
    right: 12px;
    top: 15px;
    content: '';
    font-family: 'entypo-fontello';
}

#top .av-slideshow-caption.av-jqqjz4n5-fe3605ba570a187c18a9e721a6eef45d__0 .avia-slideshow-button {
    padding-right: 30px;
}

Best regards,
Ismael

Hi,

Sorry for the delay. Glad to know that the suggestion worked. To remove the background of the caption text, please include the following code inside the css media query:

.avia-slideshow.av-m3vkqh71-4e1d1fba30600cffcf1218dbcfe528bd .avia-caption .avia-caption-title {
    background: transparent;
}

Best regards,
Ismael

Hey williamslyd,

Thank you for the inquiry.

What happens when you add this hook?

add_action('wp_head', function () {
    remove_action('wp_head', 'wp_no_robots'); 
    remove_action('wp_head', 'wp_generator'); 
    remove_action('wp_head', 'wp_robots'); 
});

This should disable the default rendering of meta robots tags.

Best regards,
Ismael

Hi,

For the list in the footer container, please add this at the very bottom:

#top #main #footer-page ul.avia-icon-list.av-iconlist-small li:before {
    background-image: url(/wp-content/uploads/2024/12/ProfoundPlanning_Stacked_White.png);
}

Best regards,
Ismael

Hey whdsolutions,

Thank you for the inquiry.

It seems to be an issue with the animation. Please add this css code to temporarily fix the issue:

@media only screen and (max-width: 989px) {
	/* Add your Mobile Styles here */
	.avia_transform .av-animated-generic {
		opacity: 1;
	}
}

Best regards,
Ismael