Jump to content


Photo
- - - - -

Center Titles of Footer Left/Middle/Right [WHP]


This topic has been archived. This means that you cannot reply to this topic.
16 replies to this topic

#1 nrbeatty

nrbeatty

    Advanced Member

  • Members
  • PipPipPip
  • 99 posts

Posted 24 September 2010 - 05:58 PM

Hi guys,

I'm trying center the titles of my 3 footer widgets. My attempt was not successful:

Please Login or Register to see this Hidden Content


Any thoughts?

Please Login or Register to see this Hidden Content



#2 catrina

catrina

    Advocate

  • Members
  • 12345 posts

Posted 24 September 2010 - 06:25 PM

Hi,

The

Please Login or Register to see this Hidden Content

tag you are using to center your titles should be replaced with:

Please Login or Register to see this Hidden Content


(Of course, place this in the Custom Code section of your Theme Options)

#3 nrbeatty

nrbeatty

    Advanced Member

  • Members
  • PipPipPip
  • 99 posts

Posted 24 September 2010 - 09:49 PM

Thanks Catrina, but that didn't work for me. It seems we're sort of following the path of

Please Login or Register to see this Hidden Content

That one is unresolved, so I don't know the solution.

What hasn't worked:

Please Login or Register to see this Hidden Content

or

Please Login or Register to see this Hidden Content



#4 catrina

catrina

    Advocate

  • Members
  • 12345 posts

Posted 24 September 2010 - 10:06 PM

Hm, I think maybe something in another stylesheet is overriding what's being put in the Custom Code box. Perhaps the best solution is to go into your CSS files and find (cmd or ctrl+F) something like

Please Login or Register to see this Hidden Content

with

Please Login or Register to see this Hidden Content

to see if there is any styling that is causing the problem. If you do find something, then you could just add

Please Login or Register to see this Hidden Content

or if there's a text-align tag there already but it says

Please Login or Register to see this Hidden Content

, then change "left" to "center".

#5 nrbeatty

nrbeatty

    Advanced Member

  • Members
  • PipPipPip
  • 99 posts

Posted 25 September 2010 - 05:25 AM

There are 3 references to #morefoot in theme.css:

Please Login or Register to see this Hidden Content


Please Login or Register to see this Hidden Content


Please Login or Register to see this Hidden Content


I tried

Please Login or Register to see this Hidden Content

instead of left but it didn't work. I also tried,

Please Login or Register to see this Hidden Content


but no luck.

#6 catrina

catrina

    Advocate

  • Members
  • 12345 posts

Posted 25 September 2010 - 05:38 AM

One more solution I can offer is this:

Please Login or Register to see this Hidden Content


It's similar to the first, but tweaked slightly.

#7 nrbeatty

nrbeatty

    Advanced Member

  • Members
  • PipPipPip
  • 99 posts

Posted 25 September 2010 - 05:43 AM

I put

Please Login or Register to see this Hidden Content

in Custom CSS (not theme.css) and it didn't work.

#8 catrina

catrina

    Advocate

  • Members
  • 12345 posts

Posted 25 September 2010 - 05:55 AM

Wow, that's quite strange. I'm testing these solutions out on the WHP theme and they are working, but I'm not sure why they wouldn't work out for you. Here's one last solution that should definitely work:

Please Login or Register to see this Hidden Content


Please place this in the Custom Code section.

#9 nrbeatty

nrbeatty

    Advanced Member

  • Members
  • PipPipPip
  • 99 posts

Posted 25 September 2010 - 05:05 PM

I did, and it didn't center the titles. Are you saying that when you do all of these things- it works for you? This is my current CSS rules:

Please Login or Register to see this Hidden Content


Is there something overriding something else in all of this, or should I go through the whole process of deactivating all plug-ins, etc. to figure this out. I thouht this was going to to be the simplest topic I ever started- centering a title, but it's not so much!

#10 catrina

catrina

    Advocate

  • Members
  • 12345 posts

Posted 25 September 2010 - 06:29 PM

Yes, all of the solutions I've tried worked out, but I'm not sure why it's not working for you. Perhaps it has to do with your browser (I'm using the latest version of Firefox). Go ahead and try deactivating the plugins to see if that makes a difference.

#11 nrbeatty

nrbeatty

    Advanced Member

  • Members
  • PipPipPip
  • 99 posts

Posted 26 September 2010 - 03:11 PM

I've deactivated my plugins and gone through all the CSS options above. I'm using the latest versions of Firefox and Safari. The titles to the 3-widget sidebar are not centering.

#12 catrina

catrina

    Advocate

  • Members
  • 12345 posts

Posted 26 September 2010 - 08:09 PM

It seemed so simple in the beginning! Since I'm not sure what other possible re-stylings can be done other than the ones already mentioned, I think it's best if you bump this topic so that someone else can offer other possible solutions for this problem. More than likely, there is probably something in there that I missed.

#13 cmunns

cmunns

    Advocate

  • Members

  • 6537 posts

Posted 27 September 2010 - 06:33 PM

I thought I'd step in and help out, but it looks like those headers are centered now. Nick, lemme know if you need more help.

#14 nrbeatty

nrbeatty

    Advanced Member

  • Members
  • PipPipPip
  • 99 posts

Posted 27 September 2010 - 06:47 PM

No, they're not. I'm talking about the titles of the 3-widget footer (Advocacy; Medical Education; Research...). I've centered the images because that's just in the text widget, but I do not know what code to edit for your theme to center the titles.

Please Login or Register to see this Hidden Content



#15 cmunns

cmunns

    Advocate

  • Members

  • 6537 posts

Posted 27 September 2010 - 07:34 PM

Oh right, i was looking at the feature boxes. The more foot area would need this in the custom css ` #morefoot h3 { text-align:center; } ` Using FireBug this correctly changes it, if it doesn't work then you have some weird overriding thing going on that will require a closer look

#16 bryan-hadaway

bryan-hadaway

    Advocate

  • Members
  • PipPipPipPipPip
  • 3697 posts

Posted 28 September 2010 - 03:19 AM

The problem lies in the code just before your h3 center code; ` width:50px; } ` Which is incorrect, broken markup. This would likely cause all CSS after it to not work. Try removing that error and check again. Thanks, Bryan

#17 nrbeatty

nrbeatty

    Advanced Member

  • Members
  • PipPipPip
  • 99 posts

Posted 28 September 2010 - 01:48 PM

Bryan! That was it! I started to think I was going crazy, but that was it. After deleting that duplication, the 3-widget footer Titles centered with:

Please Login or Register to see this Hidden Content


I figured something was weird when code in custom.css was working there but not in the CSS Rules box. I just installed FireBug, so maybe I'll get better at that and minimize things like this.

Thank you Bryan, Adam, and Catrina!