Wordpress Themes - WP Forum at BFA
Click Here To DONATE! Support the theme development, get more attention and additional benefits based on your donation level. Your forum name will be highlighted.

Wordpress Themes - WP Forum at BFA » WordPress Themes » Montezuma Theme »

[SOLVED] unwanted carriage return after > on custom menu in sidebar


Build custom WP THEMES, without
coding.
Click here for THEMEFRAME

From the author of Atahualpa, the #1 most
downloaded (700,000+) theme @ wordpress.org
  #1  
Old Dec 31, 2012, 12:36 PM
jerryc
 
367 posts · Oct 2012
Florida
I've noticed links in the showing off thread that had what looked like menus in the sidebars with > symbols before the items. I liked that look and asked (on that thread) about how to make them.

I got this answer:

Quote:
Originally Posted by dgfrench
The > in the menu are standard with the theme I suppose cuz I haven't made any changes to it.
Then, in looking closer at those sites, I realized they were using categories or some other kind of menu, which had a different styling than custom menus. I tried to match that css with something applicable to my custom menu layout.

I almost have what I want, except I get an unwanted carriage return after the > and before my menu items. I've tried lots of variations, e.g., width, text-align, margin, padding, display, word-wrap, etc, but I still get that extra carriage return. What am I missing?

Thanks for your help.

Jerry

Screenshot
Site layout

Last edited by jerryc; Feb 1, 2013 at 09:40 AM.
  #2  
Old Dec 31, 2012, 02:18 PM
juggledad's Avatar
juggledad
 
22,379 posts · Mar 2009
OSX 10.8.5 WP 3.8.x Atahualpa 3.7.x Safari 6.x Firefox 25 XP
use a code examiner like FireBug in Firefox and you should be able to track it down if a few moments and then add in some CSS rules and play with the existing ones to figure it out. Might take a 1/2 hr but it should be doable.
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #3  
Old Dec 31, 2012, 05:34 PM
jerryc
 
367 posts · Oct 2012
Florida
Quote:
Originally Posted by juggledad
use a code examiner like FireBug in Firefox and you should be able to track it down if a few moments and then add in some CSS rules and play with the existing ones to figure it out. Might take a 1/2 hr but it should be doable.
That's what I've done, for way more than 1/2 hour. I've tried lots of variations, e.g., width, text-align, margin, padding, display, word-wrap, etc, but I still get that extra carriage return.

Maybe something will jump out at somebody else that I'm missing.
  #4  
Old Dec 31, 2012, 06:51 PM
juggledad's Avatar
juggledad
 
22,379 posts · Mar 2009
OSX 10.8.5 WP 3.8.x Atahualpa 3.7.x Safari 6.x Firefox 25 XP
try adding something like
HTML Code:
.menu li {
    position: relative;
    text-align: left;
    top: -4px;
}

.widget a {
    position: relative;
    top: -15px;
}
but prefix them with a #nav_menu-13
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #5  
Old Jan 1, 2013, 10:40 PM
jerryc
 
367 posts · Oct 2012
Florida
Quote:
Originally Posted by juggledad
try adding something like
HTML Code:
.menu li {
    position: relative;
    text-align: left;
    top: -4px;
}

.widget a {
    position: relative;
    top: -15px;
}
but prefix them with a #nav_menu-13
I can see how that might work, but it seems like a hack rather than fixing the real problem. The categories menu css doesn't use anything that, and that's what I'm trying to emulate.

I think I just have something wrong. I'd rather find the real fix, but I might use your hack if I can't figure it out. Maybe somebody else can spot what I missed.

Thanks.

Jerry
  #6  
Old Jan 1, 2013, 11:55 PM
jerryc
 
367 posts · Oct 2012
Florida
I figured it out. I now have:
  • Vertical custom menus in my sidebar,
  • > before each menu item,
  • > and menu item in theme blue color,
  • Long lines wrap,
  • Subsequent lines left align with first line indent

Here's the css that did it:

Code:
/* Vertical Menus */

.menu li
{
width: 100%;
margin: 0px;
padding-left: 1.5em;
display: list-item;
color: #0090D3;
text-indent: -1.5em;
}

.menu li a
{
display: inline;
white-space: normal; 
}

.widget ul.menu > li::before 
{
content: '\203a \00a0\00a0';
}
What eliminated the carriage return look was this line:

Code:
.menu li a 
{
display: inline; 
}

Bookmarks

Tags
carriage return, css, custom menu, sidebar

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
Unwanted border & menu items are larger than background. tsheridan Page & Category Menu Bars 4 Mar 25, 2011 08:42 AM
[SOLVED] Unwanted link in Header or menu bar, can not find how to remove. FredZ Header configuration & styling 7 Feb 27, 2011 09:51 PM
[SOLVED] unwanted lines and dashed rectangle, in center column and menu bar Pixeljaeger Page & Category Menu Bars 3 Jun 3, 2010 01:53 AM
Unwanted display of plugins in right sidebar Chester Sidebars & Widgets 4 Sep 10, 2009 05:11 AM


All times are GMT -6. The time now is 03:32 PM.


Powered by vBulletin® Copyright ©2000 - 2014, Jelsoft Enterprises Ltd.