Jump to content
danmanders

Centering title and text under Boxes

Recommended Posts

danmanders    0
danmanders

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
James B    436
James B

Hi Dan! Welcome to Pagelines :-)

 

Take a look at Rob's post on this thread which should help - http://www.pagelines.com/forum/topic/21903-boxes-image-on-top-wont-center/


Kindly search the forum and read the documentation before posting. It will help you resolve many issues.

For CSS help be sure to check out W3Schools first and be sure to download FireBug for FireFox for troubleshooting.

James B

Share this post


Link to post
Share on other sites
danmanders    0
danmanders

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
danmanders    0
danmanders

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
greenfly    230
greenfly
try this 

.fboxtitle h3 {
  text-align:center;
}
  • Like 1

The answer to many issues can be found by searching in the forum before posting as someone else  may very well have had the same problem before you have.  Also, reading the documentation can help you gain a good understanding of how everything works. 

 

Please do not send me private messages. Occam's razor - The principle states "Keep things simple!"

Share this post


Link to post
Share on other sites
danmanders    0
danmanders

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
greenfly    230
greenfly

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. 


The answer to many issues can be found by searching in the forum before posting as someone else  may very well have had the same problem before you have.  Also, reading the documentation can help you gain a good understanding of how everything works. 

 

Please do not send me private messages. Occam's razor - The principle states "Keep things simple!"

Share this post


Link to post
Share on other sites
danmanders    0
danmanders

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
greenfly    230
greenfly

Great - thanks for letting us know :) 


The answer to many issues can be found by searching in the forum before posting as someone else  may very well have had the same problem before you have.  Also, reading the documentation can help you gain a good understanding of how everything works. 

 

Please do not send me private messages. Occam's razor - The principle states "Keep things simple!"

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now


  • Similar Content

    • Audun MB
      By Audun MB+

      Here:http://attac.no/global-ulikhet/
      The images are forced into a boxed frame so that you can't see the whole picture. Doesn't look so good. Is this a bug? A feature? How can I fix it?
    • JudithKlinger
      By JudithKlinger+
      The recent WP update seems to be quite cheeky...messing about with a number of things. 
       
      Having trouble with boxes displaying differently in different browsers.  1st screen shot is Chrom...looks ok. 
      2nd screenshot is Firefox...colors are different. Icons are different. Have weird 1000's next to the icons. Any idea what's going on? 
       
      Thanks!! 
      Judith
       
       


    • richardjacruz
      By richardjacruz+
      Someone reported this little bit of weirdness to me today. They were using Internet Exporer. I used an emulator, and I received the same result. Please see the attached.
      The website is richcruzchicago.com.
      Thanks,
      Rich

    • Susan
      By Susan+
      Everything was fine with my site.
      Suddenly, strange characters are appearing in Boxes. See image. Site page is here. I even tried to add a new Boxes section but the same thing keeps happening, so I deleted the new section.
      How can I resolve this?
      Your help is greatly appreciated.
      Thank you.
       
       

    • claudedagenais
      By claudedagenais+
      Hi,
      Could it be possible to add to the boxes an option so that if an Item has an optional link that we can also optionally make it open in a new windows.
      Thank you :-)
×