Hi Rikard,

Thank you for your effort.

I followed the instructions of Ismael and the h1 is responding properly now. So, this thread can be closed.

Thanks again!

Best regards,

zizibe1

Hi Mike,

It worked great. Thank you very much for your support.

You can close this thread now.

Best regards,

zizibe1

Hi Mike,

Thank you for the code.

I added it to the Quick CSS field and it worked.

In the burger menu, the colors of the three submenu items are currently:

inactive:
– font color: white (#ffffff)
– hover color: grey (#b2b2b2)

active:
– font color: green ( #039934) → only the active submenu item should be green, the other two submenu items should be white
– hover color: dark green (#3b7841) → only the active submenu item should be dark green, the other two submenu items should be white

How can I adjust this?

Please find a screenshot in the private content area.

Best regards,

zizibe1

Hi Victoria,

Thanks for your reply.

I put the first h1 in a separate text block.

Then I opened this text block element and went to Advanced > Developer Settings > Custom CSS Class and added the following custom class name:

dq-no-overlap-2nd-h1

Finally, I clicked on “Save” and “Update”.

Then I added the following code to the bottom of the Quick CSS field:

/* Don't overlap 2nd h1 in footer */
#top .dq-no-overlap-2nd-h1 { @media only screen and (max-width: 767px) {
  #av_section_2 .av_textblock_section .avia_textblock > div + h1 {
    margin-bottom: 50px;
  }
} 
}

Then I clicked on “Save all changes” and “Update”.

Unfortunately, it didn’t work.

What did I wrong?

Best regards,

zizibe1

Hi Yigit,

Thank you very much for the changes.

In active state, the font color of the parent menu link is green (#039934) and the hover color should also be green (#039934), not dark green (#006F00).

The colors of the text of the three submenu items as well as the other main menu items are as requested. Please don’t change them.

The burger menu should be like this (changes are marked in bold):

a)
The parent menu link should be hidden, the three submenu items should be shown.

b)
Colors of text of three submenus items:

inactive:
– font color: white (#ffffff)
– hover color: grey (Hex #b2b2b2)

active:
– font color: green (Hex #039934) → only the active submenu item should be green, the other two submenu items should be white
– hover color: dark green (Hex #006F00) → only the active submenu item should be dark green, the other two submenu items should be white

The colors of the text of the other main menu items in the burger menu should stay as they are at present.

Many thanks in advance.

Best regards,

zizibe1

Hi Victoria,

Thank you for your reply.

I don’t want to remove the colored square symbol at the beginning of the text line because it’s part of the company’s corporate identity and should be part of the web design too.

In the software I’m using for print media, I can simply set a tabulator to indent and align the second text line with the first text line.

But how can I solve this problem in Enfold?

And please answer also my second question: On mobile screen, for space reasons, there’s a responsive break of the first text line. How can the second part of the first text line be automatically indented and aligned with the first part of the first text line?

Please find a new screenshot in the private content area.

Many thanks in advance.

Best regards,

zizibe1

Hi Mike,

Thank you for your reply.

In the future, if I have a question, is there a way to contact you directly via this platform?

Best regards,

zizibe1

Hi,

After updating Enfold from version 4.7 to version 4.7.1, the code <span class=”red-dot”>⬤</span> in the caption of the Fullscreen Slider on the frontpage of my website doesn’t work anymore.

I’ve changed Enfold back to the old version 4.7 via FTP. Now the code works again.

How can make the code work in the new version 4.7.1 of Enfold?

Best regards,

zizibe1

Hi Victoria,

Thank you for your reply.

I don’t know if I took the right steps, but here’s what I did:

In the back-end of my website, I went to Pages > Home and added a fullwidth submenu item above the fullscreen slider. Then I clicked on the fullwidth sub menu item and chose “Build simple custom menu”.

I deleted menu item 2. To menu item 1, I added:

– Menu Text: Christmas offer please click here
– Text Link: (a link to my page NEWS)

Under “Menu Colors”, I chose “Socket”.

Finally, to make the fullwidth submenu thinner, I added the following code to the bottom of Quick CSS:

#top .av-submenu-container {
    height: 30px;
}
#top .av-subnav-menu > li {
    padding: 4px 0;
}
#top .sticky_placeholder {
    height: 29px;
}

Now, the fullwidth submenu on my front page looks alright to me.

But I would like to change the hover color of the white text of the fullwidth submenu to grey (#969696).

Could you please tell me how to achieve this?

Best regards,
zizibe1

Hi Victoria,

I added the code to Enfold > General Styling > Quick CSS and it worked :)

Thank you very much for your support.

Best regards,
zizibe1

Hi Victoria,

Thank you for your reply.

The caption on my end looks the same as on your end (my screen size is 1’440 x 900 px).

The caption looks better now because I’ve added Rikard’s code to the bottom of Quick CSS under Enfold > General Styling and increased the padding to 300px.

.avia-mozilla .home #fullscreen_slider_1 .slideshow_caption {
    padding: 300px;
}

But in Firefox, the position of the caption still is higher than in Chrome or Safari. Moreover in Firefox, the last word of the caption is on a new line.

Increasing the value of the padding in the code above (e. g. 400px or 500px) didn’t move the caption to a lower position. Instead, the caption got more and more narrow which lead to an odd alignment.

If you see another solution to solve this issue, I would be very grateful if you could let me know.

Edit: Today, I’ve discovered another issue in Firefox. When you decrease the browser window, the caption isn’t staying in the center and is shifting to the right. In Chrome and Safari, the caption is alright.

Best regards,
zizibe1

• This reply was modified 6 years, 1 month ago by zizibe1. Reason: see edit

Hi Rikard,

Thank you for the code.

The code works, but the position of the caption still is too high.

So I tried different values of padding (300px, 400 px, 500 px). But then, the caption got an odd alignment.

Is there an other solution?

Best regards,
zizibe1

Hey Mike,

Thank you for your prompt reply and the link.

The URL removal tool is intended as a first step for content that you urgently need blocked—for example, if it contains confidential data that was accidentally exposed. Using the tool for other purposes might cause problems for your site.

According to this, I shouldn’t use this tool to exclude my imprint from appearing in the search results. Probably it’s better to leave it as it is.

What do you think?

Best regards,
zizibe1

Hi Rikard,

Thank you for your reply.

Yes, everything is clear now.

Best regards,
zizibe1

Hi Rikard,

Thank you for your reply.

OK. I was just wondering if this would be possible. But if I understand you right, it isn’t.

Best regards,
zizibe1