Hi there and thank you for getting back to me… I had created a handful of styles (both for desktop and mobile breakpoints) for the logo, text description, and screenshot… All of which included details regarding positioning and size… None of them are loading anymore. There’s no connection between the css lightbox styles and any element in the light box since updating the theme… Do I need to put these styles in a different location other than in the the ‘quick CSS’ section of the Enfold ‘general style’ settings?

some css style examples that are no longer loading:

.lightbox_content_left
{
width:200px;
float:none;
display:block;
clear:both;
font-weight:normal;
font-size:2em;
line-height:1.4em;
text-transform: none;
color:#685f5f;
}

img.lightbox_logo {
display: block;
clear:both;
float: none;
padding: 0px 0px 15px;
width: 45%;
}

• This reply was modified 1 year, 3 months ago by nulrick.

Hey Ismael, thank you very much for again answering so fast.

I’m afraid that this is not the solution yet, as you can see in the screenshot.
(or I didn’t do it correctly).

Ismael, since I’ve already spent so much time cleaning up my site in terms of accessibility (as I already mentioned, only for testing purposes), I’ve decided to design this part of the site differently and do it without the link with the sonar-effect-icon (there are enough sonar effects there anyway…).
Thank you very much for the idea you had!

I probably have to start a new thread for this – but I dare to ask the following: as you can see in the screenshot in the bottom right corner, Wave also throws up an error regarding the scroll-to-top link. Wave complains that the title (scroll-top) is the same as the text.

“Redundant title text
Title attribute text is the same as text or alternative text.”

<span class=”avia_hidden_link_text”>
Scroll-top
</span>

How (I mean, where) can I change the title of the scroll-to-top link in Enfold so that the error message no longer appears?
I would appreciate it if you could help me.

Best regards
Grobi

Hi, Ismael,
I have created a staging site for you, and the access info is below. I didn’t install any new security plugin. So we are still having two issues:
-missing images on the home page (if it helps, when I am logged in, and preview home page, the images are there)
-also the search bar isn’t rendering the way it used to with Enfold.

Thanks so much!
Justine

Dear Enfold team.

I have uploaded it here for now.

If you need it, please feel free to use it.

Megmi

• This reply was modified 1 year, 3 months ago by Megmi.

Thank you. There are no custom scripts, and I have no plugins loaded that control the appearance of the site. I find it hard to believe that another company’s plugin would target a specific group of DIVs that are unique to your system, vs some other random DIVs on the site.

The affected DIVs have the following class names, most of which are very likely unique to Enfold:

<div class=”
flex_column
av-1m9n6-eed31fd77f8bd9daf76119c2565fcb44
av_one_full
avia-builder-el-2
avia-builder-el-no-sibling
first
flex_column_table_cell
av-equal-height-column
av-align-middle
av-zero-column-padding
av-column-min-height-pc ”
data-av-column-min-height=”{"column-min-pc":"100%","column-equal-height":true}”
style=”height: 1344.8px;
“>

There are three generic-sounding class names that might conceivably be used by another plugin developer (flex_column, flex_column_table_cell and first).

I searched through the source code of an affected page looking for instances these classes. All the instances I found were only in DIVs created by the Enfold system. Again I can’t imagine a situation where a plugin would be assigning inline heights to anything in this strange way, and it’s even less imaginable that it would apply it to another system’s page elements.

I also note that this weird inline height style immediately follows Enfold’s ‘data-av-column-min-height’ attribute. Coincidence?