Obje

Oops sorry, this my question is about Ajax Search Pro. I open a ticket onto your website.

Hi,

No ??
I’ve finally followed your advice, using the native WordPress lazy loading and keep the Autoptimize lazy loading unchecked.

Solved (browser blocker)

Oops, my post concerns Matomo Analytics.
Please ignore this topic.

Same.
Strange thing, it only happens on mobile…
Is anyone have an idea?

• This reply was modified 4 years, 7 months ago by Obje.

Hi Mahnazd,

The Search & Filter plugin is a very good candidate for any king of sorting content. Also the support is very reactive.

Great ??

Regarding the post “the best style lesson”. try to modify the first code like this :

.wp-block-image,
.wp-block-image img {
    max-width: 100%;
    width: 100%; // image to reach the right side
}

Concerning the second point, I can see you’ve implemented it but, the original code (margin 100px) still remains. Force the 20px wide margin modifying your code like so :

#page {
    margin-left: 20px !important;
    margin-right: 20px !important;
}

Not a best practice but it’s a quick fix to do the trick.

That’s because you have a #page div who wrap your whole website and have margins of 100px on right and left. make them smaller one mobile using :

#page {
    margin-left: 20px;
    margin-right: 20px;
}

I see.

Inspecting the code of your page, there is no defined width for your in post pictures. For example on the post you’ve provided your images are 768px wide, but on ‘The Magic Oil’ the picture is 790px wide. That’s their respective maximum width.
So, if the container is smaller than those values, the pictures will shrink to adapt the container but if its larger, they stops growing to their actual physical width.

To achieve your need, you will have to edit the css code of your website a bit. You could go to your WP admin -> wp-admin/customize.php and open Additional CSS.

The first thing to do could be make your picture reach the right side:

.wp-block-image img {
    max-width: 100%;
    width: 100%; // image to reach the right side
}

Then to remove the 40px right-padding have your paragraphs :

.hentry .text p {
    padding-right: 0;
}

At this point your text and image are aligned.

If you want to make the space between your post content and your sidebar, you cant edit the site-main like so:

#primary .site-main {
    padding-right: 30px; // change to 50px, 80px, ...
}

Let me know if it helps

Ok so you want the images of your posts to reach the right side of its container, just like your text, right?

It depends of the ‘coming-soon’ plugin you’re using but I guess.

I guess so.
You can see your page because you’re probably logged to your administration. Could you make it live for short time in order to see your problem and try to help you?

Still not Coming soon page)

Hi Wongjanman,

Just to correctly understand your problem: The previous url of your website was the old one and you’ve changed it, right?

If so, you have to update the whole urls of you’re database, because chnaging the main url of your website have broken the links like styles.css for example.

To do so, you can use the Search and Replace DB file from Interconnectit. Then :
1- Make a backup of your files and database
2- Upload the Search and Replace DB folder to the root of your installation
3- Browse to the script folder URL in your web browser
4- Fill up the fields with old and new urls
5- Dry run to test how many url will be replaced
6- Proceed to urls update
7- Remove Search and Replace DB folder from your installation
8- You will able to access your WP administration
9- Update your permalinks

You’re good to go again