Hi Mike,

So, I wanted to get you an updated sign-in with before I try this (Below in private content). Any functions.php edits I have done have always crashed my website, haha, I’m not positive what I do wrong usually…but I usually have to have my host restore it… so I am a little weary of your recommendations before you have access.

The goal would be to open an single image via lightbox upon click, at the actual size I uploaded it at, even if clicked upon via the main menu nav.

One issue I’m running into, is that I can only add the wp/upload… url to have my nav open up the image vs. just having the regular image open up in lightbox. I did try to download a new lightbox plugin after disabled the default lightbox (via enfold options), but I could not even get any of the new plugins to work or show up on my images.

Thanks again for any help, really trying to get this right for my family’s business.

Sarah!!!

This worked perfect. Is their additional changes I could also use with this CSS?

For instance, on that same page, can I remove the “by” portion of text. We didn’t want the author/published by portion to show up. I think I used a plugin to get rid of the author name, but that portion of text is still bothering me!

Lastly, can I decrease the margins in between posts, the gap is pretty large right now.

Thanks again for all your support.

Hi Victoria,

Everything is working so far!

Could you explain each of the elements here please? I didn’t necessarily want to get rid of the spacers in between. I did edit the margin height to 45px instead of 50px. But just wondering how the other elements work that you’ve had me change on their CSS in case I want to edit those as well.

Thank you!

Hi Victoria, thank you so much for the reply.

I’m actually not having any color issues, just the spacing issue between my title and slider at this point. If I remove the elements/spacer in between the title and slider, it breaks my slider. The problem is that I can’t reduce the spacing in between the title/slider because of that.

**In addition, I can’t seem to increase the padding on the left column buttons anymore either, even though I’ve increased the top/bottom padding in the spacer elements that I have between all the buttons. I think something is not allowing this to happen, perhaps it has to do with the slider issue? (I have had the left column buttons act strangely before when working with the title / spacing elements above the slider).

Thanks again for any advice!

Hi Rikard,

That does work to take out the space between the title and that column, and it looks good, except it creates a space between the top of the slider’s content and the border of that column. I’ve tried as many variations as possible but either come up with some padding above the slider or I break the slider. I’ve reverted back to the way I had it before, in case you’d like to log-in and try a few things of your own.

Thanks so much for the support on this, hopefully we can figure out a solution.

*I updated my theme, added the PHP code, it did not crash my site this time, however the custom css field is still now showing up on any elements. Again, log-in data is above, my homepage is “how do you control myopia?”

Not sure what else to do.

I have an idea of how the client wants it. I just need to be able to use custom CSS for my ALB elements. I’ll test the hierarchy after I can get the mobile/desktop hide views to work. Please help me with the PHP error, it keeps crashing my website when I get it wrong and I have to back it up via bluehost. Your guide is too minimal.

That is where I am putting it.

I asked that because it is not working via mobile, and if we should utilize the custom-css-fields to create a desktop/mobile version of this. It looks like Yigit provided the solution above. BUT I still can’t activate the custom-css fields at all, it isn’t working in my PHP file. The guide provided does not work for me.

John,

Another quick update, I’m using a child theme, and have been updating that functions.php file , not the original enfold functions.php file.

Thought this might change things for providing me with support on this topic, thanks again.

Hi John,

I got this to work finally with that addition.

Sorry I wasn’t more specific too, is it possible thought to keep the elements above (so the icons w/ titles) where they originally were, and with the same width? I really liked the alignment before, but just the whole column couldn’t really fit that survey too much, so now we’ve solved that, but it is pushing the other content too close to the center image slider.

Thanks for any advice here..

I tried to get my ALB elements to work, and the options to appear on the builder end, but I could not get it to work!

I worked through 3-4 of your other support topics on activating it via the PHP file with no results. I’m not sure what I’m doing incorrectly :(

*update

.avia-slideshow ul.avia-slideshow-inner {
height: 300px !important;
overflow: hidden;
}

.avia-slideshow li img { padding: 0; }

The following css height adjustment is only working with my firefox browser, and I still have a large padding showing up. Perhaps it is rather the top-padding above my accordion section?

Vinay! This is a really great way of approaching it, I will test this out and let you know if I run into any issues! Thank you SO much :) You’re the man!