Hi Ismael,

Thank you very much for your reply!
Your code works perfectly when scrolling down!

When I scroll back up, there is still a transition visible which I don’t like: the “scrolled” logo is getting stretched before fading into the “full” logo.
Is that transition also possible to hide with CSS?

Thanks in advance.

This topic can be closed

Hi Ismael,

Thank you very much for your reply!
I have tried your code and this solved the problem, so thank you!

After I added your code, the “default” bullet points were still there. To remove these, I made some changes in my code.
The code now looks like this:

/* bullet points */
li::marker {
	color: transparent;
	font-size: 28px;
}

.entry-content-wrapper div li:before {
    content: '';
    width: 9px;
    height: 9px;
    display: block;
    background: #ff9001;
    border-radius: 100%;
    float: left;
    top: 8px;
    position: relative;
    margin-right: 14px;
	margin-left: -24px;
}

Hello Yigit,

I updated Enfold to it’s latest version, but the issue persist. I still can’t edit the page “Kontakt” because of this.
I created a temporary admin login and shared the information with you.

I look forward to an update!

Best regards,
Maarten

Thank you Rikard, for your swift reply.
It would be great if Enfold could offer this in a future release, because I think the forms functionality and looks in Enfold are great.

Hi Nikko,

Thanks for your reply.
I have tried your code, but I only want the submenu to move up AFTER I scroll, so when the menu bar becomes narrow.
I don’t know how to target this situation with CSS.

Best regards,
Maarten

Hi Ismael,

Thank you very much for your help! The first 3 icons look great now!

Do you also have a solution for me to adjust the 2 icons futher down the page? I can’t seem to change them without also changing every other icon on the page!

Futher down the page, there are 2 icon boxes with a pencil as an icon. I would like to make those SMALLER and keep them nicely centered inside the circle. In this case, that means move them up a little bit.

Again, your help will be much appreciated!

@guenni007, Thank you so much, it worked! You are a wizard!

I used your PHP code and this CSS code:

.news-thumb {
    padding: 0px;
    float: none;
    margin-top: 0px;
    margin-bottom: 8px;
    border-width: 0px;
    height: 116px;
    width: inherit;
    background-color: transparent !important;
    display: block;
}

#top .news-thumb img {
    float: none;
    padding: 0px;
    height: 116px;
    display: inline;
    width: auto;
}

Now the image automatically scales. Great!!

Dear Yigit,

Unfortunately it is not fixed yet.

I reverted the homepage back to how it was 2 days ago, when everything was still working fine.
The page is looking good in the front-end. However, when I start adding or changing only one object, the page deletes almost 80% of its content!

Dear Rikard,

It worked perfectly!
Thank you so much!

Best regards,
Maarten

Hello people,

Thank you, Guenni007, for your instructions. It worked!!

The only thing that needed to be changed was to use ‘#’ instead of ‘.’

So the code looks like this now:

#tablestyle1 th:first-child {width: 70%}
#tablestyle1 th:nth-child(2) {width: 20%}
#tablestyle1 th:nth-child(3) {width: 10%}

Thanks again! So good to have this knowledge now :)