Hi Victoria,
isn’t it maybe possible to give an absolute position to each menu item to avoid this behaviour?
It looks really unprofessional on a website..

Thanks
Carolin

Ciao Victoria,

is it possible to change the size of the down triangle and make it a little smaller?

Thanks,
Carolin

Perfect, that solved it! Awesome, you’re the best!
Thank you so much!

Hi Mike,

it should be
font-family: Gilroy-Semibold;
font-size: 16pt;
when inactive

and
font-family: Gilroy-Bold;
font-size: 16pt;
on hover

Thanks again

Hi Mike,
thank you, this solution helped me!

Concerning the alternative solution: I checked my menu options but I don’t have the “one page (Enfold Child Main Menu) in my dropdown options.. Maybe something went wrong when I installed the demo data?

All the best
Carolin

Awesome, Mike, that is really great!
Is it also possible to add a hover effect to the caption below the image?
(font-family: Gilroy-Bold)?

Thanks a lot!
Best, Carolin

Here it is..

Yes, exactly. KOLLEKTION should only be highlighted once you clicked upon it but not when the page is initially loaded (none of the menu items should be active/highlighted then)

Thank you!!

.. I’ve just checked: on firefox, the formatting of placeholder and input fonts doesn’t seem to work?!

Hi Rikard,

this solves the problem that the letters are cut in the bottom but now, the Copyright note and the social media icons are not on the same line as the menu items anymore and it all looks very crooked..

Thanks
Carolin

Hi Victoria,

I am trying to achieve what you see on top of the masonry gallery.
As I tried to explain, I simulated the effect that I want with single elements that I obviously cannot use because I am missing the gallery features like lightbox, etc.
If you go on the website (private content), you see the line above the gallery.

Thanks
Carolin

I simulated what I want to achieve with one 4 columns row of single images with the caption underneath, to explain what I am looking for within the gallery.

I need the gallery to have less space between the images and columns but what’s more, to have the lightbox feature to browse through all the photos.

Thanks!

Hi Victoria,
I’ve tried all possible settings but as you can see, if you checke the website now with the title always shown, it is still not below the image but on top, and covers part of the image.
I would like to have a line below the image, on the normal blue background.

How about the second question about a custom color overlay?

Thanks
Carolin

Hi Mike,

thank you for your reply. I checked in another browser and saw what you mean. Strangely, I see the placeholder with the correct font in Chrome but not in Firefox.
Maybe I did something wrong?

These are the modification in quick css that I am using now to achieve:
1) Placeholder font Gilroy Bold, 16pt
2) Input font Gilroy Bold, 16pt + line-height 26pt
3) Checkbox data security sentence. font Gilroy-semibold, 16pt, line-height 26pt with checkbox in front of the sentence (right now it is in the line above) with margin 30px above and below the sentence to the boxes above and below.

::-webkit-input-placeholder
{
font-family: Gilroy-Bold;
font-size: 16pt;
}

.avia_ajax_form input
{
font-family: Gilroy-Bold;
font-size: 16pt;
line-height: 26pt;
}

.input_checkbox_label
{
font-family: Gilroy-Semibold;
font-weight: normal !important;
font-size: 16pt !important;
line-height: 26pt !important;
margin-top: 30px !important;
margin-bottom: 30px !important;
}

I applied this to quick css

#socket .sub_menu_socket li a {
font-family: Gilroy-Bold;
font-size: 16pt;
font-weight: normal;
font-style: normal;
}