Archived

This topic is now archived and is closed to further replies.

  • 0

Centering title and text under Boxes


Question

Posted · Report post

Hi all, this is my first post. I'm completely new to this, and know literally nothing about CSS. Willing to learn though, and I did search the forums before posting this as I couldn't find a workable solution. I'm using the Boxes section, with the image on top of the text. I'd like the title and text centered instead of left aligned. Could some please give me the code I need to paste into Custom CSS Class? The problem I described can be seen here. Thank you!

 

Dan

Share this post


Link to post
Share on other sites

8 answers to this question

Posted · Report post

Thanks for the links Martin, I figured it out!. Here's the code in case anyone else is ever looking for it:

 

.fboxtext {
  text-align: center
;
}

Share this post


Link to post
Share on other sites

Posted · Report post

Thanks for the quick reply James! That didn't quite solve the problem, though I did learn that I've been adding sections in the wrong place. At first pasting that code in did nothing, but then I realized that I was placing my sections in the page template area, not in the content area. I cloned my boxes section and placed it in the content area, and made the content section active. The cloned boxes have been altered by the code I added, but it's not what I was going for. It pulled the images together, and narrowed the text areas so that they fit nicely underneath the images. The effect is that now the boxes section is not as wide as the rest of my content, and it isn't centered in respect to everything else. More important though, the text isn't actually center aligned—it fits well under the images now, but it's still left aligned. Any ideas? 

 

If you go to danmanders.com, you can see the original boxes section where it belongs, and the altered boxes section at the bottom of the page.

 

Thanks!

Share this post


Link to post
Share on other sites

Posted · Report post

Okay, just figured out why the boxes section was narrower than everything else (content area width was set that way). Still hoping to get the text center aligned though.

Share this post


Link to post
Share on other sites

Posted · Report post

try this 

.fboxtitle h3 {
  text-align:center;
}
1 person likes this

Share this post


Link to post
Share on other sites

Posted · Report post

Thanks Martin, that worked great on the titles! I just spent some time looking at the CSS rules in Firebug, but am unable to find where to change the alignment of the paragraphs underneath the titles, which I'd like to do as well. Could you please point me in the right direction?

 

Also, once I am able to find rules in Firebug that I want to try changing, where do I do that within the Pagelines framework? Specifically, I'm unclear on whether the Custom CSS section is there to overwrite existing rules, or is only to add ones that don't exist. Let me know if that makes any sense, I'm trying to learn to do this basic sort of stuff on my own so I don't need to ask you guys for help with such simple things. Thanks again for the great support!

Share this post


Link to post
Share on other sites

Posted · Report post

Hello Dan

 

Ill give you the resources to learn about CSS a little more and get you started and then have a go and see what you come up with. 

 

First thing to look at is the support documentation regarding Customization methods http://support.pagelines.me/docs/customization/customization-methods/  and then CSS http://support.pagelines.me/docs/customization/custom-css/

 

Basically, CSS used in a customization method outlined in the article overrides CSS in the Framework and you can add CSS not already present. 

 

There are a number of online courses that will help get your started. 

Share this post


Link to post
Share on other sites

Posted · Report post

Great - thanks for letting us know :) 

Share this post


Link to post
Share on other sites