Forum Replies Created
-
Posts
-
Thanks, Mike!
I’m going to stick with the custom classes for the icons and the code block. That works great! I didn’t know that was available.
I’m good to go now. You can close this ticket. Thanks again to you and Rikard for helping me with both issues.
Jenn
Hi Mike,
Thank you for your reply. Nice job! You found a way to fix that one icon link from taking over for the rest. I see what you did with the CSS in the code block. I can understand reading some CSS, but I am unable to write my own. Yes, I’d like all 3 icons within a 1/3 element to be used in a custom footer type situation.
In order to control by section instead of by page, would I be able to give a Section ID to a color section and then put some CSS in the Enfold Quick CSS section? I attempted the start of this on the test page we’ve been working on, but don’t know enough to tweak the code for the Quick CSS part.
Thanks for all the help!
JennHi Victoria,
Ok, so essentially because of the code limitations, this doesn’t work as I have tried and assume it should? If so, I’m ok with that and I will create a different way to do what I want. I just wanted to try to use icons inline within one layout element. From what you are saying, I see that I would need one icon per layout element to have the links work correctly.
Please let me know if this is indeed the case. I was thinking it was a bug. Is there a quick CSS piece of code to adjust this?
Thanks,
JennHi Rikard,
That’s a creative solution and it works, so I’m happy with that. The icons are now inline on the same line. Thank you so much.
But, there seems to be another related issue. Each icon is set to manually go to the URL for the corresponding social media site, but they are all defaulting to the YouTube link. If you look at the set-up of each icon, the URL’s are correct, but when you click on the live icon, they all go to YouTube. What’s happening there?
Jenn
Hi Rikard,
Not sure why you had loading problems – sorry to hear that. I just tested with the provided credentials and it loads just fine. Perhaps it was a server issue when you happened to try. Would you mind trying again? I deactivated the security plugin just in case that had anything to do with it.
I did try to remove any line breaks – everything is on the same line within the text block, but it still does the same thing. The Instagram icon is sitting lower than the other two icons.
Thank you,
JennHi Rikard,
I have replicated the issue on a live testing website, so that’s the only content on the page. I’ve done it two different ways – 1st with just icon elements within a layout element and a 2nd-way with icons within a text block. This should clearly show you what I’m running up against. This happens on both desktop and mobile and different browser types.
I’ve included admin credentials in private. Feel free to mess around – it’s just a testing website.
Thanks,
JennHi Victoria,
Neither of the locations you suggested above worked, but I tried putting your code in via the sidebar menu using Appearance > Customize > Additional CSS and it worked there.
Thank you for the workaround. Is this something that will be permanently fixed in a future Enfold update?
Thanks again!
Hi,
It works perfectly when I switch to another theme, but it does not work with Enfold. It was working fine with Enfold prior to the Woo update last week.
Best Regards.
Update for my fellow Enfold users:
I checked in with WooCommerce and the issue is that I had the Hide Content Restriction set to “Hide Content Only”, which doesn’t work with the layout builder in Enfold. Under WooCommerce > Settings > Memberships > General, you have to have it set to “Hide Completely” or “Redirect to page” and adjust your restriction messages accordingly.
