Jump to content


Photo
- - - - -

Adjust Box Title to "Center"

boxes text alignment

  • Please log in to reply
9 replies to this topic

#1 kellycrisp

kellycrisp

    Member

  • Members
  • 23 posts
  • Country: Country Flag

Posted 09 May 2013 - 05:40 PM

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

Please Login or Register to see this Hidden Content

 

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!

 

 

 



#2 kellycrisp

kellycrisp

    Member

  • Members
  • 23 posts
  • Country: Country Flag

Posted 09 May 2013 - 06:02 PM

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



#3 kellycrisp

kellycrisp

    Member

  • Members
  • 23 posts
  • Country: Country Flag

Posted 09 May 2013 - 06:08 PM

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



#4 James B

James B

    Advocate

  • Moderators
  • 4979 posts
  • LocationSurrey - UK
  • Country: Country Flag

Posted 09 May 2013 - 09:58 PM

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 

Please Login or Register to see this Hidden Content

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 -

Please Login or Register to see this Hidden Content



#5 kellycrisp

kellycrisp

    Member

  • Members
  • 23 posts
  • Country: Country Flag

Posted 09 May 2013 - 10:02 PM

Thank you James!  I will take a look. 



#6 James B

James B

    Advocate

  • Moderators
  • 4979 posts
  • LocationSurrey - UK
  • Country: Country Flag

Posted 09 May 2013 - 10:24 PM

You're welcome :-)



#7 kellycrisp

kellycrisp

    Member

  • Members
  • 23 posts
  • Country: Country Flag

Posted 09 May 2013 - 10:33 PM

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!



#8 James B

James B

    Advocate

  • Moderators
  • 4979 posts
  • LocationSurrey - UK
  • Country: Country Flag

Posted 09 May 2013 - 11:04 PM

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

 

Please Login or Register to see this Hidden Content

 


#9 kellycrisp

kellycrisp

    Member

  • Members
  • 23 posts
  • Country: Country Flag

Posted 09 May 2013 - 11:05 PM

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



#10 James B

James B

    Advocate

  • Moderators
  • 4979 posts
  • LocationSurrey - UK
  • Country: Country Flag

Posted 09 May 2013 - 11:35 PM

Anytime :-)