Wordpress Themes - WP Forum at BFA
There will be no more development for Atahualpa (or any other theme), and no support. Also no new registrations. I turned off the donation system. I may turn the forum to read only if it gets abused for spam. Unfortunately I have no time for the forum or the themes. Thanks a lot to the people who helped in all these years, especially Larry and of course: Paul. Take care and stay healthy -- Flynn, Atahualpa developer, Sep 2021

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

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


  #1  
Old Dec 31, 2012, 11:36 AM
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 08:40 AM.
  #2  
Old Dec 31, 2012, 01:18 PM
juggledad's Avatar
juggledad
 
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
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, 04: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, 05:51 PM
juggledad's Avatar
juggledad
 
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
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, 09: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, 10: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 07:42 AM
[SOLVED] Unwanted link in Header or menu bar, can not find how to remove. FredZ Header configuration & styling 7 Feb 27, 2011 08:51 PM
[SOLVED] unwanted lines and dashed rectangle, in center column and menu bar Pixeljaeger Page & Category Menu Bars 3 Jun 3, 2010 12:53 AM
Unwanted display of plugins in right sidebar Chester Sidebars & Widgets 4 Sep 10, 2009 04:11 AM


All times are GMT -6. The time now is 09:13 PM.


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