Jump to content
Sign in to follow this  
kellycrisp

Adjust Box Title to "Center"

Recommended Posts

kellycrisp    0
kellycrisp

I would like to adjust the box titles such that they are centered under the image. www.tisfortell.org

 

The text is "Just For Kids!" I believe, just a guess, that this language is what should be adjusted ""fboxtitle"><h3>"  Maybe adjust "h3" to something else. 

 

alt="Just For Kids!" style="max-width: 100%"></div><div class="fboxinfo fix bd"><div class="fboxtitle"><h3>Just For Kids!</h3></div><div class="fboxtext">  <a class="pledit"

 

Thank you in advance for your help!

 

 

 

Share this post


Link to post
Share on other sites
kellycrisp    0
kellycrisp

I think I may have figured it out.  Change "h3" to "h1"

Share this post


Link to post
Share on other sites
kellycrisp    0
kellycrisp

Well, that didn't work but it did increase the size of the text which is great.  Any help . . . Thanks so much!

Share this post


Link to post
Share on other sites
James B    436
James B

Hi there,

 

You can use Css to align the text in the center of the box. If you've not used css before inside the framework check out  http://support.pagelines.me/docs/customization/custom-css/ which will give you an overview of the tools to use to find and edit the code and copy/paste it back into the framework.

 

You can see an example of the css code to align the text for either the title or the text inside the box on this post - http://www.pagelines.com/forum/topic/6007-centering-title-and-text-to-box-image/


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

Thank you James!  I will take a look. 

Share this post


Link to post
Share on other sites
James B    436
James B

You're welcome :-)


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

Hi James - the post suggests that "First, you'll have to delete teh following line in your CSS, because it's causing the code after it to not be applied.    #callout.content.pad

 

I don't find #callout.content.pad within the Pageline Framework page I am reviewing.  Any thoughts?

 

Thank you kindly!

Share this post


Link to post
Share on other sites
James B    436
James B

Hi there, no sorry you're only looking at the example code for the #boxes section, the callout is another section, the previous client had a number of different edits they had done.

 

The part you're looking at in that post is

 

#boxes h3{text-align: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
kellycrisp    0
kellycrisp

Super.  Steady as she goes.  I appreciate your help!

Share this post


Link to post
Share on other sites
James B    436
James B

Anytime :-)


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

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

Sign in to follow this  

×