Image Alignment Problem | PenciDesign Support

PenciDesign replied

8 years ago

Staff Reply

Hi,

\

Let's take it a look again.

\

Best Regards,

\

PenciDesign

schyseth replied

8 years ago

Customer Reply

It is still broken

schyseth replied

8 years ago

Customer Reply

The orange button is still aligned to the left, not the center.

Why is this happening?

PenciDesign replied

8 years ago

Staff Reply

Hi,

Ok. I just updated it.

You can check it again.

Best Regards,

PenciDesign

schyseth replied

8 years ago

Customer Reply

I think I broke it again. I'm sorry.

I am sorry, by accident I changed the custom CSS.

Can you try one more time to fix it.

I am very sorry. Thank you for your help.

PenciDesign replied

8 years ago

Staff Reply

Hi,

I fixed it by add more this code to Customize > Custom CSS:

\
figure.aligncenter{ text-align: center; }\
figcaption{ text-align: left; }\

Is it ok now?

Best Regards,

PenciDesign

schyseth replied

8 years ago

Customer Reply

Can you help me fix it on both of these?

1. https://www.forsomethingmore.com/family-friendly-hike-hong-pak-country-trail/

\

2. https://www.forsomethingmore.com/po-toi-island-an-off-the-beaten-path-gem-of-hong-kong/

PenciDesign replied

8 years ago

Staff Reply

Hi,

On this post: https://www.forsomethingmore.com/hike-suicide-cliff-in-hong-kong/

here is HTML markup: http://prntscr.com/kt1jb1

On this post: https://www.forsomethingmore.com/family-friendly-hike-hong-pak-country-trail/

It has a wrapper div: http://prntscr.com/kt1jyw

So, I think you can try edit this post, change to text tab and remove the wrapper div.

Best Regards,

PenciDesign

schyseth replied

8 years ago

Customer Reply

Also, all my other images are centered fine. Just those orange ones are not working.

schyseth replied

8 years ago

Customer Reply

The CSS you gave me breaks my captions

schyseth replied

8 years ago

Customer Reply

Also, the CSS you gave me, the CSS below, breaks my image captions.

.wp-block-image .aligncenter{ display: block; text-align: center; margin-bottom: 20px; }

I wonder what is going on

Thank you

PenciDesign replied

8 years ago

Staff Reply

Hi,

I don't know. Because you've minified all the css

You can check it for yourself because it came from your plugins - this issues doesn't related with our themeBut, I think you should use the custom css I sent - it's better because it will apply for all your posts.

Best Regards,

PenciDesign

schyseth replied

8 years ago

Customer Reply

Which part of my custom CSS is breaking my site?

PenciDesign replied

8 years ago

Staff Reply

Hi,

I see you have some css ( not from the theme ) caused that issues. That's why I give you custom css to fixed it.

Best Regards,

PenciDesign

schyseth replied

8 years ago

Customer Reply

for example, on this post everything is working fine, and I never had to use that piece of custom CSS

https://www.forsomethingmore.com/hike-suicide-cliff-in-hong-kong/

Thank you

schyseth replied

8 years ago

Customer Reply

I have never had to do this before on any of my other posts, and they were all working fine.

Why do I have to do it on this post?

PenciDesign replied

8 years ago

Staff Reply

Hi,

Please add more this code to Customize > Custom CSS to do that:

\
.wp-block-image .aligncenter{ display: block; text-align: center; margin-bottom: 20px;  }

Best Regards,

PenciDesign

schyseth started the conversation

8 years ago

Conversation Start

Hello there :-)

First off, GREAT theme! Thanks for all your hard work.

Now for my question...

On the following two pages, my orange button-image (see attachment) is not aligning in the center. However, I want it to align in the center. On the back end, of course, I have chosen to align it in the center, but it is still appearing on the left hand side.

You can see the problem is on the following two pages:

1. https://www.forsomethingmore.com/family-friendly-hike-hong-pak-country-trail/

2. https://www.forsomethingmore.com/po-toi-island-an-off-the-beaten-path-gem-of-hong-kong/

On this third page, the button is appearing correctly.

3.https://www.forsomethingmore.com/hike-razors-edge-ridge-tai-to-yan/

Can you please tell me what I can do to make my orange button-image align in the center?

Thank you very much,

Seth