Return to previous page

BLOG POST CENTERING ON MOBILE - by Jimbo

This topic has 11 replies, 4 voices, and was last updated 7 years, 7 months ago ago by Jack Richardson

Jimbo

Participant

September 1, 2016 at 20:16

Hi guys,

I seem to be having a problem with blog post single page, on mobile I would like to center p tags H2, H3 titles.

I can’t seem to get text / titles to centre, the text still appears to be going more to the left rather than dead center?

What is causing this?

I find having text centered on mobile much better.

Website in private content

Please, contact administrator
for this information.

#138634 Copied

10 Answers

Jimbo

Participant

September 1, 2016 at 20:18

Just to mention, I have tried adding to custom css via theme options and also directly using media query in custom.css file, makes no difference.

#138635 Copied

Eva Kemp

Support staff

September 2, 2016 at 09:03

Hello,

I see the texts are centered on mobile. What mobile device are you checking in?
Please show a screenshot.

Regards,
Eva Kemp.

#138674 Copied

Jimbo

Participant

September 2, 2016 at 13:13

Using iPhone… text is not centered, it’s to the left.

Also you guys did some recent work on my site, since then I noticed bogus links added one of my pages linking to a casino website??

Was not there before!

#138706 Copied

Olga Barlow

Support staff

September 2, 2016 at 13:27

Hello,

Please, show me screenshot of titles that you want to center. Also provide me screenshot of media query in your child theme style.css or in custom.css that should center elements you need.

Regards

#138708 Copied

Jimbo

Participant

September 2, 2016 at 13:48

If you could advise of the code needed please, I have removed code now as it didn’t work.

#138711 Copied

Olga Barlow

Support staff

September 2, 2016 at 15:00

Hello,

Please, add the code and send me screenshots of elements that are not centered and screenshot of your code.

Regards

#138726 Copied

Jimbo

Participant

September 11, 2016 at 14:46

I am still waiting for you to advise of the code needed to center text on single blog pages??

#139379 Copied

Jack Richardson

Support staff

September 12, 2016 at 09:52

Hello,

Please add the code and send us screenshots of elements that are not centered and screenshot of your code.

Best regards,
Jack Richardson.

#139417 Copied

Jimbo

Participant

September 12, 2016 at 10:07

I will try and do this today.

Do you not know the code to centre blog text?

#139422 Copied
Jack Richardson

Support staff

September 13, 2016 at 09:57
Hello,

If you want to center content on single blog post page on mobile try to use the following css code:
```
@media only screen and (max-width: 768px) {
  .blog-post.post-single {
      text-align: center;
  }
  .blog-post.post-single .content-article div {
      max-width: none !important;
  }
}
```
Best regards,
Jack Richardson.
#139545 Copied
Viewing 11 results - 1 through 11 (of 11 total)