Support Forums

Support Offline : Mon - Fri / 10am - 6pm (GMT +6)

Your Time: Our Time:

Center Article content on Page

Featured Lock Resolved Task
I'm trying to center the content of the article, but cannot seem to figure out the CSS. How can I accomplish this?

Thanks,
Steve

Attachments (1)

  • content_centered.jpg
    content_centered.jpg 698.2 KB

12 Answers

Paul Frankowski - Staff

More than a month ago #Permalink
if you cannot from setting, please use this:


#column-wrap-id-1536793188675 {
max-width: 100%;
flex: 0 0 100%;
}

Paul Frankowski - Staff

More than a month ago #Permalink
Hi,
It should help.

.sppb-addon-1536793188676 .sppb-addon-title,
.sppb-addon-1536793188676 .sppb-addon-content {text-align: center;}


I hope you read template manual, framework and you know where to use my code.

Steve

More than a month ago #Permalink
Hi Paul,

Yes, I've tried that and still doesn't center that table.

Thanks

Paul Frankowski - Staff

More than a month ago #Permalink
1) you didn't mention about table but text.
2) this page is only for logged users.

Steve

More than a month ago #Permalink
My bad, centering text is easy, it's the table that's giving me a lot of trouble. Should have mentioned that, why I illustrated what I was trying to do by adding arrows to the content to be moved, I'll be more clearer in the future if I run into a similar situation.

Steve

More than a month ago #Permalink
OK, you should see it now.

Paul Frankowski - Staff

More than a month ago #Permalink
Is still I don't see any "table" there. Yes, I have glasses on.

And you have left column set to 10, not 12, so it's not full width.
-------
To center paragraphs use:

#sppb-addon-1536793188676 p {text-align: center;}

centered-text.jpg


83-17.jpg

Attachments (2)

  • centered-text.jpg
    centered-text.jpg 136.8 KB
  • 83-17.jpg
    83-17.jpg 294.2 KB

Steve

More than a month ago #Permalink
Not what I'm looking for, I want to keep the paragraph positioned to the left, and move the content to the center of the page.

current.jpg
what-I-want.jpg

Attachments (2)

  • current.jpg
    current.jpg 545 KB
  • what-I-want.jpg
    what-I-want.jpg 603.1 KB

Steve

More than a month ago #Permalink
The 2nd image was photoshoped BTW...

Paul Frankowski - Staff

More than a month ago #Permalink
so set single column, with width 12

Steve

More than a month ago #Permalink
OK, this is better than what it was,

Thanks Paul.


There are no replies made for this post yet.
Be one of the first to reply to this post!

Leaderboard (30 days)

Sifat

Sifat

Total Accepted Answers: 125
Paul Frankowski

Paul Frankowski

Total Accepted Answers: 96
Toufiq

Toufiq

Total Accepted Answers: 23
Pavel

Pavel

Total Accepted Answers: 4
Al Mamun

Al Mamun

Total Accepted Answers: 3

113

Templates

289734

Community Users

Newsletter

Don’t miss any updates of our new templates and extensions and all the astonishing offers we bring for you.
We never spam

Joomla! ® name is used under a limited license from Open Source Matters in the United States and other countries. JoomShaper.com is not affiliated with or endorsed by Open Source Matters or the Joomla! Project.

Connect Us