media caption color

Hey,
Can you post a link?
Thanks!

Hannah

this project is not yet live and will be entirely somewhere else, but as I am waiting for domain transfer I privately published a representative example here. ascend11 is the pass

As you see in the gallery captions are white, but under separate pictures or yt embed videos the colour seems to be the body text dark purple. I would like those to be readable on the dark background too.

• This reply was modified 5 years, 4 months ago by kk_admin.
• This reply was modified 5 years, 4 months ago by kk_admin.

as we are here, if you could drop me a css that I can add to the gallery css field to define max height, it would be amazing too!

Sorry for the delay. This css should adjust your caption text:

.wp-block-embed figcaption {
    color: #fff;
}

Do you want the max height to apply to all your galleries? What would you like the max height to be?

Hannah

Thank you, this fixed captions under embed, and I figured out how to change the css to apply to single images.

As for the galleries, I’d probably need to apply the CSS one by one in the right side panel not globally in the theme options.
But I figured I’ll place them into columns in the row layout so that they don’t occupy entire screen if I only have like 3 pictures (or alternatively I just place separate images in columns).
BUT…
I just went to the site to test something and I saw that your advanced gallery block is live. This solves all the issues including those I never knew I’m having with galleries. You’re the best!

I have a new issue though, sorry, probably something silly: when I use the new advanced gallery plugin, the gallery doesn’t always show up in the frontend – but when I resize the browser window, it does. What could be the problem?

also, again same page:
I added anchors to each accordion item.
I linked the titles in the top part of the page to those anchors. (and eventually I want to link them from other parts of the site).
They do work and open the accordion items, but would scroll the page in a way that it’s not visible, you need to scroll down. Is there a way to scroll till the point where the anchored item is at the top of the window?
I would not brag about it but the client (and target audience) being of different generation, and it would be good if it was intuitive for them to use.
https://youtu.be/jW85qn-CwnQ illustration

• This reply was modified 5 years, 4 months ago by kk_admin.
• This reply was modified 5 years, 4 months ago by kk_admin.

Do the images not showing up happen on a certain browser? I haven’t been able to recreate?

I see the issue with the accordion scrolling, I’ll push an update to fix that.

Ben

I tried chrome and edge, both do the same. See here (sorry for phone video but the w10 screen recorder stops at resizing) https://youtu.be/aiLRAf6kKKo

here is the link for this specific page that I filmed, same passcode.

It does it at random, not always on the same galleries.

• This reply was modified 5 years, 4 months ago by kk_admin.

try adding this css:

.kt-accordion-panel.kt-accordion-panel-hidden {
    display: block;
    visibility: hidden;
}

Also in terms of a better accordion scroll with all that content in each pane, test adding this into your site:

<script>
jQuery( document ).ready( function( $ ) {
$( '.kt-blocks-accordion-header' ).click( function( ) {
var pane = $(this);
setTimeout(function(){
 var $panel = pane.closest('.kt-accordion-pane');
    $('html,body').animate({
        scrollTop: $panel.offset().top
    }, 500); 
}, 300 );
});
});
</script>

Ben

Thank you, gallery problem solved, it appears without fault.

Accordion scrolling seems to be even more all over the place though after adding code… it will do exactly what I want it to do… and then switch back, see video:
https://youtu.be/VeEjJu7pLoI

Hmm, it’s like your page has more than one anchor with the same name. It’s really odd. I’m going to do some more testing to see if I can recreate a similar page to work with.

Ben

Nevermind, I got rid of the accordions after all.
I have a simple question for a change: how do I get rid of the white bar at the top of the page? (https://liviabudai.com/home/carmen/)I used the below code but it doesn’t do anything.

.page-header {
display:none
}

Hey @kk_admin,
Looks like you have a menu layout enabled, but you’re not using a menu. You can choose a different header layout from Theme Options > Header Settings. Or you can keep your settings and add this css:

.kad-header-menu-inner.container {
    display: none;
}

This css will remove some of the content padding:

#content {
    padding-top: 0;
}

Hope that helps!

Hannah