WordPress.com

1. ddbdoglady
   Member
   Dec 1, 2012, 6:26 PM

   Hello; I have recently purchased the CSS upgrade, and, with no prior knowledge of the subject, managed to change mostly everything I wanted to, except for two items. Have been researching and trying every solution possible, but to no avail. Hope you can help. Am using a custom menu, horizontal pages widget at the top, in the Pilcrow theme.
   http://ddbdoglady.wordpress.com
   It has four lines and I would like each line to be centered. Currently they are all aligned to the left. (The only centering option I found was for each individual page, in a vertical configuration and that's NOT what I wanted.)
   Second thing is the "Follow by email widget". Managed to center all except the lines "Join followers" and "Follow". Please advise how to fix this as well.
   Thanks in advance!

   The blog I need help with is ddbdoglady.wordpress.com.

2. houstonweaver
   Member
   Dec 1, 2012, 6:36 PM

   Try this on the Follow by email section.

   #blog_subscription-3 p{text-align: center;}

3. ddbdoglady
   Member
   Dec 1, 2012, 6:47 PM

   It worked! Thank you houstonweaver. :-D

4. houstonweaver
   Member
   Dec 1, 2012, 7:30 PM

   I find this instruction on the forums from staff for centering the menu in pilcrow , but I don't think it works on a multiline menu.

   #nav {
     text-align: center;
   }
   
   .menu {
     display: inline-block;
     margin: 0 auto;
   }

   You might consider steps to make your menu fit more easily on one line, while understanding that a responsive theme like pilcrow might go to 2 lines depending on the size of the window that the user has. Some steps would be to possibly shorten some of your menu item titles and/or creation of drop down menus under broader headings, changing the spacing between letters on your menu items, changing the padding between items. A combination of these might achieve your one line menu.

   This changes some of those things and results in a "tighter" menu, but not near one line and not centered. Of course, as usual, you can play with the settings if you want to try this.
   

   #nav a {
   	color: #222;
   	display: block;
   	line-height: 32px;
   	letter-spacing: 0.1em;
   	padding: 0 7px;
   	text-decoration: none;
   }

   All this being said, maybe one of the experts will pass by and solve all!

5. houstonweaver
   Member
   Dec 1, 2012, 7:31 PM

   @ddbdoglady I saw your change to the subscribe information. Hurrah! The menu is a stickier issue.

6. ddbdoglady
   Member
   Dec 1, 2012, 7:39 PM

   Thanks for trying, houstonweaver. :-) I did try the first code before, without any luck. Same thing now. Will try out your second suggestions too. Perhaps I could make the titles shorter and font size smaller. Hmmm Appreciate your time, in any case.

7. ddbdoglady
   Member
   Dec 1, 2012, 7:43 PM

   You rock, houstonweaver! :-) Looks SO much better now, even though not quite centered. THANKS AGAIN! Would still like to center it, if anyone else is reading this.

Topic Closed

This topic has been closed to new replies.