Hmmm… yeah. Sorry I couldn’t be of more help.
Best regards from Canada.

Hi Johan,

I don’t want to add any confusion to your thread.
I offered the CSS suggestion – but don’t know about the other post you’re referring to (866230).

One easy way to troubleshoot this would be to comment out the CSS you recently added, and see if the pages return to normal.
It doesn’t make sense to me how adding two CSS rules to a unique class (.iconlist-button) would affect anything else.
Unless the .iconlist-button class is also added to the sections that you’re having trouble with.

Either way – let’s get it back to ground zero: comment out the recently added CSS, clear your cache, and refresh.
Only then will we know if it’s the CSS.

PS: And just to clarify… I’m just another user – not part of the official support team.
Just want you to know that, so you don’t blame them for my lame advice. lol

• This reply was modified 7 years, 1 month ago by chrisbryant.

I think you could try this:

.iconlist-button a {
    border: 1px solid red !important;
}
.iconlist-button a:hover {
    border: 1px solid blue !important;
}

Hey Zuluster,

When I tested the code I provided (above) I tested it using a Page > Color Section > Background Image – just as you’ve described.

Have you checked to see what’s happening using the Inspector in Chrome, or Firebug?
Or, perhaps something is taking precedence over your background-image selector in the CSS?
Hard to say without seeing the code.

Hi Johan,

I was able to make the button transparent using this:

.iconlist-button .avia-color-theme-color-subtle {
    background-color: transparent;
}

.iconlist-button .avia-color-theme-color-subtle:hover {
    background: black;
    color: #fff !important;
}

After you do that, you should be able to remove the redundant styles from the
#top .iconlist-button
and style only the borders using that class.

Not a complete solution I know – but hopefully it will put you in the right direction.

For the color section background image.
Go to Section Background tab (of the color section).
Then scroll down to where you set the Background Repeat value.
Set it to “Stretch To Fit“.

Haven’t played with the fs slider yet.

• This reply was modified 7 years, 3 months ago by chrisbryant.

Hey Nicole,

You could add some CSS to the your Child Theme stylesheet, or to the CSS field in the Enfold settings.

.html_modern-blog .avia-content-slider .slide-entry-title {
    font-size: 15px;
}

This will make the titles on the page (in your first link) smaller.
I’m not sure if this will affect other elements, though.
So try it out and see if that’s what you’re looking for.

Chris

Is there a Modal plugin that Kriesi would recommend?
One that is known to work without conflicts with Enfold?
I’d like to have modal contact forms triggered by buttons, too.

Thank you.
Chris

It sounds to me like a stray DIV could be breaking the layout.
Does your blog post include markup?
Where is this happening? Link?

Hi Yigit,

After you replied, I took your advice and contacted Envato.
Their solution was to generate a REFUND REQUEST for me.
Although – I’m really just interested in upgrading my Incarnation License to another Enfold License.

Either way – that’s how they saw fit to do things.
That was almost two weeks ago and the REQUEST is still marked “IN PROGRESS”.
Would you be able to look at it: Request # 99efa53f-2d93-489f-b81b-8da2159f9b25

Again, all that happened was I bought Incarnation and was hoping to do a Church website with it.
That didn’t happen and I’ve been sitting on the theme every since.
I was considering getting another Enfold and thought I would ask Kriesi if I could get even a partial refund toward Enfold to go toward another Enfold License.

Thanks

Chris