Hi Ismael, not sure if layerslider is the way forward

I’ll try to explain by using this example:
on the site https://www.dermaclinic.nl/ you have these 4 options under the header image:
-Cosmetische kliniek
-Huidtherapie
-Ooglidcorrectie
-Schoonheidssalon

when you click on either of these texts the content in the column on the right side (on desktop) changes.

How do I achieve this using Enfold?

seemed like i messed up my CSS a bit along the way haha, thx!
bonus question, answering this will result in me purchasing another 2 yrs of enfold support at least or an amount of donation to the enfold team, whatever your team prefers.

how do I get the arrows to be centered in the photo, just on the side of the image? so it looks neat.

@mike @guenni007
thx a lot! I didn’t place the testimonials in a folder with that name, perhaps that was the cause of the error, or perhaps the order I approached this (first uploaded the file, then added the code to functions.)

Anyways, it’s getting there! I’m only struggling with overlap between the nav-dots-slider and the element/content that comes under it. I’m trying to tackle this by the following css, but I can’t seem to get it right. see https://mondzorgcentrum-winschoten.nl/ontmoet-ons/

.avia-slideshow-dots {
bottom: -40px;
padding-bottom: 20px;
}

can you advice?

Thx Yigit, but Strato already fixed it. Seemingly the problem was in their settings, not enfold. case closed:)

Mike, I will test this right away, but I must say: WOOOHOOO, I’m so happy :D
love you guys. always going the extra mile. If you are ever in the netherlands I’ll definitely say “first couple of rounds of beers on me!”

Hi Mike & Guenni007, the provided code works well for pages just 1 level deep (the breadcrumb text is white), but on pages of 2 levels deep (page/deeper-page) the first part/level of the breadcrumb is still black, while the 2nd level is white. What do i need to adjust in the CSS to make the full text white? see page link in private content for exampl.e

Hi Nikko, please see new info in the private content.

See private content, the site is live at staging

works like a charm! but with what CSS do i just make the text ‘home’ white?

Many thanks @Guenni007 . The addition to the functions.php works, but the quick CSS doesn’t deliver the expected results. It’s this site any idea why?

@guenni007 awesome!
I managed to add some css to it and remove the ‘you are here’ via function.php… only have two questions left:
1. if I want to change the home text to the icon of a home, how do i do this? Just a home icon from the standard fontello pack would be great.
2. how do I change the color of the ‘home’ to white? (without and with hoover) I’ve used below CSS already.

#top .breadcrumbs {
line-height: 45px;
font-weight: 200;
font-size: 20px;
color: white;
}

Hi Ismael,

thanks for your reply, but you make it sound very easy, but I doubt I can approach this easily via CSS. I

How would I tackle the following in CSS?

visible on bigger screens (>990px)
– content sections that starts with a whitespace -200 (so that the column followed by it partially overlaps the header that is placed above it).
– The colum has the following padding: above: 75px, right: 150px, under: 75px, left: 150px.

visible on all screens except bigger screen
– content section without negative whitespace as above
– but with a column with a negative -115px above margin, and different padding settings: above: 55px, right: 20px, under: 55px, left: 20px.

This sounds like a whole lot of hassle to approach via CSS?

The H1 in itself isn’t any different on mobile than desktop. it’s the column that it is in that varies across screen sizes, see screenshot.
https://drive.google.com/file/d/1TN_P69eEO2IGx4eKTZLqGGhFoGe-j6sF/view?usp=sharing

• This reply was modified 1 year, 8 months ago by the_digital_manager.

Hi Nikko,

I contacted the server prodiver. They changed some setting, such as raised the max_execution_time and max_input_time from php from 30 to 300 seconds.

Also, they upgraded the server, from 1 core and 512 memory to 2 cores and 1024 memory.

I think it works a bit better, but some elements, such as ‘highlighted images’ still load very slowly (much later).

Can you dive into this with me and see if things run smoother / how they can run even smoother?

Hi Mike :) I completely understand that and I’m very gratefull for your help insofar. Big thumbs up for you and the team :)
I’ll ponder on my options, thanks for now and you can close this ticket.
Would be handy though for other people if columns can also link to iframes, similar as buttons. feels a bit buggy that this doesn’t work!

Hi Mike,

thx for providing me with these clear steps. So, I’ve tried this and it works. I also found out why I didn’t succeed earlier. I have several questions/remarks:

1. It seems that Enfold doesn’t allow a column to load/link an/to iframe url. The iframe command works on buttons, but not when you add the code to a column link url. It simply loads the page in the browser, rather than putting it in an iframe. Can we fix this?

2. somehow it takes long for the iframe to load. Why is this the case? on other sites this goes pretty instant.

3. in the example provided in the private content you’ll see that when you click on a team member you can’t scroll on the page anymore. When I use the Enfold Iframe you can still scroll on the page that is below. How do I change this?

4. when I change the size of the pop-up it isn’t centered. How do I center the pop-up?

5. I see arrows left and right in the pop-up, why is this the case?

thx in advance! :)