ghadir29

Hello, it turns out it was a problem related to updating core theme files and plugins, resolved now, thank you.

Hello, I understand if it is beyond your ability to help, but if you could just reply saying whether or not you will be able to help, I would appreciate it.

Hello, here is the link:

https://tcidental.younesweb.work/

[deleted]

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

Hello again. Here is a screenshot from Cloudways’ application settings:

View post on imgur.com

[Also tried the above two steps – resetting permissions for the particular app + saving in Breeze settings – but I still have the error]

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

Just in case it helps, the error notice says the following:

Breeze settings will not reflect because there is file permission issue

/home/(…).cloudwaysapps.com/(…)/public_html/wp-content/advanced-cache.php file is not writable.

Thank you for the timely response.

I went ahead and did the ‘Reset File/Folders Permissions’ as indicated in your screenshot, but it did not remove the Breeze error notice from within the wp dashboard

Same problem here after updating WordPress to 5.8

I am on Cloudways too – if they will be resolving the issue then I guess I should wait. If not, then does anyone know how to ‘reset the file permission of the application user’ as suggested by the plugin author?

Hello, I am still having trouble with it. The pages using the hook are not working at all (even after deleting an reinstalling the plugin). I will see other plugins but in case this one is eventually fixed I would still prefer it because it is light.

Same here. I understood that the new update fixed some issues – but it seems that it no longer works through hooks?

This is a late comment but I had the same issue and managed to solve it, so here is how I solved it (I am a just a user, not the plugin developer):

This solution requires some minor fiddling with CSS. The CSS needs to be added in your additional CSS area (in the dashboard -> appearance -> customize -> additional CSS).

A small HTML description (no need to understand): We have a ‘ul’ container with the class: “.gp-social-share”, having the children ‘li’ containers with the classes “.gp-social-facebook”, “.gp-social-twitter”, “.gp-social-linkedin”, and so on. The main ‘ul’ container should have “display: flex;” – which is the case in your linked page.

If that wasn’t the case (for other readers), then this code should be added to additional CSS, in addition to the rest of the code below:

.gp-social-share{
display: flex;
}

Now, you can control your order of children ‘li’ elements by grabbing them through their classes and adding the ‘order’ field to them (in this example, I have three displayed icons, and I want twitter first, then LinkedIn, then Facebook):

.gp-social-facebook{
order: 3;
}
.gp-social-twitter{
order: 1;
}
.gp-social-linkedin{
order: 2;
}

However, you might face some issues with alignment. The reason is that by default, the last HTML ‘li’ item (last as it appears in the code, not how we reordered it) will not have a margin added to it like the rest of the icons. So when we reorder them, it ends up sticking to the icon next to it.

We can solve this by adding the required margin (10px) in the above code (in my example, that would be for LinkedIn, which was last and is now second). The word !important is to override the default style added by the plugin. The final result:

.gp-social-facebook{
order: 3;
}
.gp-social-twitter{
order: 1;
}
.gp-social-linkedin{ /*This was last before the reorder*/
order: 2;
margin-right: 10px !important;
}

• This reply was modified 4 years, 11 months ago by ghadir29.
• This reply was modified 4 years, 11 months ago by ghadir29.

Here is why it wasn’t working for mobile: because the javascript I was applying was being applied on the container element on page load, but the container isn’t visible on page load. The solution was to put an ‘onlcik’ function on the flag, and then apply the code:

$(“.flag-container”).on(“click”, function () {
$(“.iti-mobile .intl-tel-input .country-list .country”).has(“.br”).css(“display”, “none”);
});

Okay so consider it solved ??

Okay, turns out that the above solution works for desktop, but it is not working for mobile. Can I get some help as to why it doesn’t work on mobile? Any help is appreciated.

Okay, I managed to resolve this by adding javascript (so this is for removing a country):

<script>
$(“li.country”).has(/*put-country-two-letter-selector-here, example:*/ “.br” /*for brazil*/).css(“display”, “none”);
</script>

More neatly for non-developers (put the two letter selector of required country instead of br):

<script>
$(“li.country”).has(“.br”).css(“display”, “none”);
</script>

Thank you anyway!

• This reply was modified 5 years, 5 months ago by ghadir29.