Hi Victoria

That is what I have done… I deleted the image and following the instructions added the function as per article and reuploaded the image. The image is perfectly crisp in its original.

So not quite sure what other options I have.
Thanks so much for your help.
Corina

Hi Victoria

Thank you for looking into this. Unfortunately, this does not solve the issue. I think the issue is that it just enlarges the inserted image into the lightbox and thus makes it blurry. Funny thing is, that I insert the image at full size being like 5000px wide (I did that to try and suss out whether it was my image size/quality).

Any other ideas, why this is happening?
Thanks so much & kindest Regards,
Corina

Hey Mike

Thanks so much for the information provided above. I went ahead and disabled the mentioned plugin and the issue persisted. I then went ahead and disabled every plugin and the issue persisted.

Then I noticed that the issue was only on 2 pages, “Home” and “Blog”. The commonality on these 2 pages is the masonry blog feature. Once I removed it from the home page. The social media icons were loading. So I added it again and tried all different kinds of configurations to work out if it was a setting or the actual masonry element.

What I found out is, that the social media icons do not load if I change the setting to the following:

“Flexible Masonry: All entries get the same width but Images of each entry are displayed with their original height and width ratio”

If I use “Perfect Grid” it works… unfortunately this is not suitable as the Title cuts into the photo with this setting.

You can see the difference if you go on Home, where it is now working (although with it cutting into the images) and then click on blog and scroll down and there the social media icons are not loading.

I added login details below if you’d like to have a look.
Thanks so much & Kindest Regards, Corina

Hey Victoria

So so so sorry, the brain is no longer working properly :( ….. I fixed the link above, it should work now.

With the header, I mean the h1, h2 etc … respectively if I choose the “special heading” element and then choose h1, h2 etc and then try and put a [ ] around the “heading text” (for cosmetic reasons, client request)…

Once I add the [ ] it deletes the text and all the settings in the “special heading” upon saving of the page.

Hope that makes sense… the link should now work and I tried to add a title to the left of the paragraph just beneath the video.

thanks so much & kindest Regards,
Corina

Hi John,
I am so sorry, I totally forgot that the page is also password protected… Request of the client, whilst developing, sorry. All details. below.

Hi Yigit

Yes I understand that I can do that but I would like to have one background image that goes across both cells… and have the right cell to be transparent… I just figured it out… with the following code via custom css:

.grid-right {
background: rgba(39, 63, 113, .5);
}

.grid-bg {
background-attachment: scroll;
background-image: url(“http://www.drminyeo.com.au/wp-content/uploads/2017/02/Bronte_corinaschurmann.jpg”);
background-position: center center;
background-repeat: no-repeat;
}

Just in case anyone is interested.
Thanks Yigit for your super quick response, much appreciated.
All the best,
Corina

That worked well. Thanks so much Jordan. :)
All the best,
Corina

Hi Nikko

Thanks so much. I applied the CSS you provided and the gap was still bigger than the Masonry… so I had a bit of a play with the % (not sure if I’ve done it correct)… but I amended it to the following, so it now visually looks the same as in the masonry.

.avia-content-slider-inner .av_one_fourth {
margin-left: 1.5%;
width: 23.875%;
}

.avia-content-slider-inner .av_one_fourth.first {
margin-left: 0;
}

The one issue I still have though, is that it expanded the container (grey) but not the image…. how can I make the image resize to fit the column width, without it looking pixelated? When I look at the HTML & CSS I can see that it loads a 270px size image into the container… is there a way to make it load a larger size that fits the whole width of the column and adjusts in height proportionally?

//Update Note… for some reason it just stopped working at all… not quite sure why… I even tried to copy/paste back your css and it doesn’t do a thing?

Thanks so much.
Corina

• This reply was modified 7 years, 10 months ago by cd2s. Reason: it just stopped working... not quite sure why as I didn't do anything else

Hey Rikard
Thanks for looking into this so quickly. I did clear the cache and checked on several computers…

I changed one thing this morning and now it seems to work. Sorry I did not post earlier but I’ve been on skype going through the website with the client all afternoon.

The whole thing still doesn’t make sense though… so this is the setup and what I did to fix it:

// I am working with the Enfold Child theme. All customisations were done in the stylesheet through the editor.

// I now copied all custom styles across to the little box on General Styling in the ALB and now it works.

Why would it not read the custom CSS from the style sheet via “Appearance/Editor”… but it reads it through ALB/General Styling?

Thanks so much & all the best,
Corina

Hey Andy

Thanks so much for looking into this…

I don’t think that is the issue, as it works perfectly on other installs on other websites with the Enfold theme. I did some further investigation and I also now have the issue on another site I am working on. On both these sites my client’s requested to remove the “all” filter and just wanted the sub-categories showing. They only wanted it removed on one of the Masonrys places on the website, not on the others.

I will post the details on the access details for new site with the issue below. But here is what is happening:

// We are using the Masonry with blog posts for our stockists page to filter stockists into different states. Here my client asked me to remove the “All” filter. You guys helped me to do this in this post (http://dev3.colorit.ch/alchemy/stockists/)

// I am also using the Masonry for the Blog. I did select the categories I’d like to show, which then also creates an “all” in the Filter Nav.
BUT it does not show the blog posts until I click on one of the filters in the filter nav. (http://dev3.colorit.ch/blog/)

// I went and removed to custom function for the stockists and then it works. I don’t know though how to adapt it so the function only applies to the masonry with the stockists…(

Here the function I removed to test, it is now back in.
/* default to first category on Stockist filter */

add_action(‘wp_footer’, ‘ava_auto_click’);
function ava_auto_click(){
?>
<script>
(function($){
$(window).load(function() {
$(‘.nsw_sort_button’).trigger(‘click’);
});
})(jQuery);
</script>
<?php
}

Would appreciate any help. Thank you so much.
& Happy New Year.

Hi Ismael

Okay, I got it sorted. The “Page Links To” Plugin works like a charm.
So you can close this topi.
Thanks so much & have a wonderful Christmas.
Corina

Hey Nikko

Okay, you can close this. I figured it out…. I had the file in the wrong location. I uploaded it to the Child Theme, rather than the Main Theme.
Thanks so much & sorry to trouble you.
Kindest Regards,
Corina

Hi Isamel

I followed your instructions and the box is now like the others, but what is in the box should be an external link… if you look at the Excerpt of “Beyond Organic Wholefoods” you can see I placed a hyperlink in there… but it does not come through on the masonry.

I did follow your instructions and replaced the code in the av-helper-masonry.php… but maybe I did it wrong….

FTP Details below… thanks so much for your always amazing help. I really truly appreciate it.
All the best,
Corina

• This reply was modified 7 years, 11 months ago by cd2s.

Hi Andy

I deactivated all except for WooCommerce (as I am not sure if that will delete all the entries we’ve already made….)… it’s still giving me the same issue…. happy for you to deactivate the plugins… I just started a full system back up… so all good.
Thanks so much for your help.
Kindest Regards,
Corina

Hey Andy

I am so so so sorry… I gave you an incorrect link… the correct one below.
Thanks again for your help.
Corina