[Resolved] Text Alignment and Image Shadow

[Sourabh]

Hi,

How to Align a content text box justify (If via any setting or via CSS) ??

Also, let me know how to set a shadow of images in a single post ??

[David]

Hi there,

text justify on browsers is terrible but you can try it with this CSS:

.entry-content p {
  text-align: justify;
  text-justify: inter-word;
}

This applies to the single post content.

For box shadows:

.single-post .entry-content img {
   box-shadow: 0 0 8px 4px rgba(0,0,0,0.25);
}

Box shadow generator:
https://cssgenerator.org/box-shadow-css-generator.html

[Sourabh]

Dear David,

It’s working perfectly, but just a small issue, if I want to exclude some images then how to do it Because it’s applying on all the images of posts except the featured image.

I used some white vectors emojis etc via image box, so shadow covering all, if somehow it’s possible to exclude selected images (for shadow), then let me know.

Alignment CSS working fine in chrome will check in other browsers soon.

Regds:

[David]

Isolating which images to target and which images not to is tricky. Can you share a link to apost where i can see the various images and emojis.

And do you want the shadow on the featured images?

[Sourabh]

see a sample here –

https://venusentertainments.com/stars-of-the-avengers/

Now see captin america, Iron Man, and all superheroes poster, its looking ods, however company logos and horoscopes are looking good…

I know its quite a tough task, but if possible somehow then guide me…

For featured image is not so imp if it’s not looking good, so u can ignore for that…

[David]

I am not seeing any images on your screen – all of the images are 404ing on the site.
I am not sure if you’re using any image optimization plugins but you may want to try disabling them if there are.

[Sourabh]

NO, I have refreshed the page and clear cache etc, now opening its visible –

https://venusentertainments.com/stars-of-the-avengers/

now also sharing few screenshots, dont need shadow below –

https://www.dropbox.com/s/kggil5qeorhl1o5/shadow%201.png?dl=0

https://www.dropbox.com/s/b6s9sf5ucuegpo3/shadow%203.png?dl=0

Need shadow for below –

https://www.dropbox.com/s/l9c2i89ghp7ml2d/shadow%202.png?dl=0

https://www.dropbox.com/s/7bz9dposcl83mgs/shadow%204.png?dl=0

Hope above snaps will give you an idea…if need to login then you can check also in post section –

[Leo]

I’m actually seeing the same issue as David and not seeing any images either:
https://www.screencast.com/t/8WYvVkAJ

Can you make sure to clear and disable your caching plugins whenever you have a topic open?
https://www.screencast.com/t/DY9Oyl93Sunf

Thanks!

[Sourabh]

Its again a big issue for me then..if I can see images but if my readers can’t then it has no use of posts.

Why its happening??

And how to solve it?

For the time being I have also shared snapshots to understand if it could help u?..

[Leo]

This is highly unlikey a theme issue.

Can you try disabling all plugins except GP premium first?

Once you do that, I can check to see if the images appear.

Let me know 🙂

[Sourabh]

All Disabled, check if you could see images??

https://venusentertainments.com/stars-of-the-avengers/

[David]

No the images are still 404ing and not being displayed.
You need to check that those Image Links are correct and disable any plugin/function that you may have that affects how images are displayed.

[Sourabh]

Except for GP, no plugins are enabled, all are disabled, I am worried why such things happening, even caching is disabled. how to find out.

[David]

Go to Dashboard > Settings > Permalinks and click the Save Changes. This will rebuild the Permalinks. If thats still an issue then go to your Media Library – select one of the missing images from that post, and copy the URL into your browser to see if it loads.

[Sourabh]

Permalink done, images are also loading refer few url below –

https://venusentertainments.com/wp-content/uploads/2020/12/580b57fbd9996e24bc43c02a.png

https://venusentertainments.com/wp-content/uploads/2020/12/tony_Stark.png

[Author]

Posts