Thanks! That worked for the grid row on the top of the page, but looks like it didn’t apply to the second grid row at the bottom of the page?

Hi,
I’ve checked and reuploaded my images so they’re all the same size, but I’m still getting the extra space at the bottom of the grid row. Any other ideas?

Also, this white rectangle appears whenever I hover over my lightbox image:

This happens when I first load the page and hover over the images for the first time.

Thanks

Hm, it seems to be fine on Chrome, but in Safari it still looks like the previous image, even after I cleared the cache?

Hi, thanks for the reply. My question is actually whether it’s possible to have this overlay text effect for an image that links to a gallery lightbox… I played around with it and it seems like it’s only possible to have that single image open in a lightbox. I wonder if it’s possible to have this effect but also link to a lightbox gallery of multiple images? Currently I’m using a code box to create this effect, but I don’t know how to get the text overlay like in the above example.

Here’s the code I’m using, if that helps:

<div class = "post-entry">
<a href = "URL to your main image"><img src = "URL to your main image" /></a>
<a href = "URL to your other images" style = "display: none;">&nbsp;</a>
<a href = "URL to your other images" style = "display: none;">&nbsp;</a>
etc etc
</div>

Works great! Thanks for your help!

Thanks, that works great! However, now the slide number is stuck in the righthand corner and looks a bit strange.

How can I change the position of the slide number?

Thanks! Finally I’d like to ask whether it’s possible to style the title element by CSS? I’d like to change the size/background color/etc.

Hi, thanks for the response! Maybe this is a dumb question, but where should I put this code in the layout builder…? Thanks

Great, that solved it. Thanks!

Thanks, that seems to have fixed it. However, I’d also like to ask whether it’s possible to have the widget button scale with the header menu links? Right now, when you make the browser window very small, the widget button and the menu links will overlap. Is there a way to avoid this?

Hi,
I’ve been trying to customize the language switcher and it seems like whatever I put inside li.menu-item-language-current a applies to the whole language switcher, not just the current language.

I would also like to add a background color behind the whole language switcher section, but right now nothing happens when I put the code into menu-item-language a

Any help with this?

Here is my CSS:

menu-item-language a { 
font-weight: normal !important;
background-color: #eee !important;
}

li.menu-item-language-current a {
font-weight: bold !important;
padding: 0px !important;
margin-left: 10px !important;
 }

Thanks in advance!

• This reply was modified 9 years, 4 months ago by mxshi.

Oh, it suddenly started working! Thanks for the help.
Can I ask one more question, can you tell me how to change the language names from “English” to something like “EN”?

Hi,
I’ve edited functions.php, and chose “Display the language switcher in the WP Menu” but the language switcher is still showing like this: https://www.dropbox.com/s/q3pc45h9moa069c/Screen%20Shot%202015-06-09%20at%201.05.29%20PM.png?dl=0

Great! Thanks for the quick response!