Hi!

Ha!! So simple and elegant solution, yet it somehow eluded me. Wouldn’t have thought of that, but, next time I will :)

I’m really enjoying getting to know the ins and outs of Enfold over the years. It’s always exciting to see a new “Enfold has been updated” email come through. I’ve tried so many other themes, and well, they all kind of suck, or are too bloated or too minimal. Enfold just seems like this swiss army knife of “I can build ANYTHING with this thing!”

Christian’s attention to design detail and constantly expanding featureset (and great support team) make me recommend this theme (pretty much demand they use it :) to every client I work with. His methods remind me a lot of Jack Doyle (GreenSock). I found him by way of doing a lot of Flash Banners for a long time. Then he ported his animation class (GSAP) to JavaScript and has built up a great community.

~ Michael

Hi!

Thanx Yigit. I just tested the L/P in incognito and they seem to work fine. They’re just to view the site though. I’ll make an account for you now, but could you outline for me what you’re changing? I’ll need to do this again in the future. Thanx!!

Hi Rikard,

Cool. Thanx!

~ Michael

So . . . I found a workaround, but it feels a bit kludgy. Basically I just use a Text element and insert the HTML there, instead of using an Image element.

Is that the best way to go about doing this? Is there a simpler or other way to leverage the “Link Settings” in the Image element?

Thanx!

Ahhhh . . . nevermind. Missing some {} must be tired :) You can close/delete this post.

Thanx Vinay,

Here is the link. I can’t mockup the issue because it’s an interactive one, not static. But if you look at it on your phone and click the menu icon (lines) you’ll see what I mean. The logo jumps to the right for some reason, and then back again when you close it.

Perfect! Thanx Yigit!!

One last question about these icon boxes. On mobile, when they stack vertically, the last one “Your Office” gets butted RIGHT up against the previous one. I see that there’s only 10px of padding and I attempted to search out the correct class in Dev Tools (as usual) but no luck. Here’s what I tried and a screenshot. What class should I adjust?

https://goo.gl/photos/WKFm1nJXVknGvTyJ8

.flex_cell .no_margin .av_one_third .avia-builder-el-44 .el_after_av_cell_one_third .avia-builder-el-last {
 padding: 0px 50px 50px 50px;
}

Really? Everything we DO here is a “customization” :(

Can you at least point me the right direction? Even with a general description of what I need to adjust, I can probably hunt it down.

Before I ever even post a question here, I spend a lot of time in Chrome Dev Tools trying to track down the correct class to adjust.

Any help you can provide would be appreciated. Thank you.

Hi Basilis,

They do it even when not modified. But this is really weird. In the last hour, all those things that were consistently screwed (as in the screencast) have “automagically” fixed themselves.

Did you guys do anything to the back end? Seems weird for it to consistently be broken, and then just “poof” it’s fixed :) I’m not complaining, just want to get to the bottom of it, so I can prevent it from happening in the future.

Only three very small tweaks remain :

1) The Social “Sonar” icons at the bottom of the home page (not the footer, the ones just before it) are stacking vertically on the mobile device. How can I force them to remain side-by-side but just shrink them to fit the screen?

2) There is no padding/space between the very last Icon Box “Your Office” and the previous Icon box, though the rest are aligned fine.

3) The footer text is not aligned properly. Copyright info sits higher, as though it’s “top” aligned” and “social icons” in the footer

Oh, and (4) still need to enlarge Title text on main slider of splash image (just for mobile) targeting with @media doesn’t seem to work.

• This reply was modified 9 years, 4 months ago by Michae1.

Hi Yigit, thanx! Getting closer :)

Still need to change the title color “Fashionable Jewelry” AND the sub-title color “Pendants . . . etc” on hover.

I tried the CSS I thought would work, but it didn’t :(

.jewelry:hover .iconbox_top iconbox_content_title {
  background-color: #c94e8e !important;
}

Thoughts?

Hi Yigit,

I should have mentioned I found that post and already tried it, but I couldn’t get it to work :( The custom CSS activated fine, but after assigning my custom class “jewelry” to the icon-box custom CSS field, nothing happened on rollover :(

On top of that, your reply doesn’t address the (2) and (3) points above.

Thoughts?
Thanx,
Michael

Thank you Elliott! Didn’t realize that was an option now. Great!! When did you guys add that feature?

Hi Elliott,

It worked! Thanx!!

Hi Ismael

Coupla questions. First off, are there open tags in your code in the second to last line and the third line? Or am I reading that wrong?

Do I need to create a child theme & function.php file? Or can I just put this in the main functions.php file for testing? I know it will be overwritten on Enfold updates, I just want to be able to quickly test what we’re doing.

Whelp, yeah, putting it in the function.php file just broke everything (figured it would with the open tags). Restored to previous backup, so . . .

What next?

• This reply was modified 9 years, 10 months ago by Michae1.

Any thoughts?