Wordpress Themes - WP Forum at BFA

Wordpress Themes - WP Forum at BFA (http://forum.bytesforall.com/index.php)
-   Page & Category Menu Bars (http://forum.bytesforall.com/forumdisplay.php?f=10)
-   -   Atahualpa 3.5.3 %cat-center doesn't center (http://forum.bytesforall.com/showthread.php?t=11554)

lovin'wordpress Dec 5, 2010 10:20 PM

Atahualpa 3.5.3 %cat-center doesn't center
 
Hi there, this is my first thread post.

I have other posts that solve the %cat-right problem but nobody seems to have a problem with the %cat-center, so I know it must be something I'm doing.

In Header Area>Style and Edit Header Area, I have inputted:
%logo %pages %cat-center.

When I have change it to %cats or %cat-right, it works like it is suppose to but doesn't center when I change it to %cat-center. In fact, %cat-center will look like %cats.

Thanks in advance for any ideas

Here's also a copy of Add HTML/Insert CSS, that may have conflicted with what I'm trying to do:

td#header {
padding-bottom: 15px;
background: url('<?php bloginfo('template_directory'); ?>/images/background-header.jpg') repeat-x top left;
}
div.searchbox {
position: absolute;
top: 130px;
right: 25px;
}
div.searchbox input.text {
border: none;
padding: 2px 15px 2px 3px;
background: #fff url('<?php bloginfo('template_directory'); ?>/images/search2.gif') no-repeat right center;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
height: 15px;
bolder: solid 1px #e7e7e7;
font-size: 11px;
}

a.posts-icon {
position: absolute;
top: 163px;
right: 140px;
font-weight: normal;
color: #fff;
font-size: 11px;
}
a.comments-icon {
position: absolute;
top: 163px;
right: 30px;
font-weight: normal;
color: #fff;
font-size: 11px;
}

div#menu1 ul.rMenu2 {
background: transparent;
border: none;
}

div#menu2 ul.rMenu {
border: none;
}

div.widget ul li {
padding: 1px 5px 1px 14px !important;
background: url('<?php bloginfo('template_directory'); ?>/images/bullets/gray-arrow.gif') no-repeat 0 4px;
}
div.widget ul li a:hover {
text-decoration: underline;
}

/* Menu Bars */


/* Adjustments for the menu bars, which in their default
state have 1px borders plus -1px margins to avoid 1+1=2px
borders between neighbor items. */
ul.rMenu-hor ul, ul.rMenu-hRight ul { margin-top: 0px; }
ul.rMenu-hor li { margin-bottom: 0px; margin-top: 0px; margin-left: 0px; }
ul.rMenu-hor { padding-left: 0px; }
ul.rMenu-ver li { margin-top: 0xp; }

div#menu1 ul.rMenu li a, div#menu2 ul.rMenu li a {
padding: 8px 10px;
}
/* different padding for parents with arrow image */
div#menu1 ul.rMenu li.rMenu-expand a, div#menu2 ul.rMenu li.rMenu-expand a {
padding: 8px 22px 8px 10px !important;
background-position: 100% 50% !important;
}
/* less padding for children with arrow image */
div#menu1 ul.rMenu li.rMenu-expand li a, div#menu2 ul.rMenu li.rMenu-expand li a {
padding: 5px 22px 5px 10px !important;
background-position: 100% 50% !important;
background-color: #01726E;
}


/*
ul#rmenu {
padding:5px;
}
*/
div#menu2 {
border: none;
}
div#menu1 {
border: none;

}


/* XX comments to .... */
h3#comments {
margin: 10px 0;
padding: 10px;
font-weight: normal;
background: #f5f5f5;
}

ul.commentlist {
border-top: 0;
margin: 0;
line-height: 1.4;
font-size: 12px;
}
ul.commentlist li.thread-odd, ul.commentlist li.thread-even {
margin: 5px 0;
padding: 10px;
border-bottom: solid 1px #b1c7e2;
background: #fff;
}
span.authorname, span.authorname a {
font-weight: normal;
font-size: 17px !important;
}
div.commentmetadata a {
color: #999;
font-size: 10px;
text-transform: uppercase;
letter-spacing: 1px;
}

juggledad Dec 6, 2010 04:46 AM

what version of Atahualpa and WP?
What is the url?
are you using the Atahualpa menus or the WP menus?
have you tried taking that code out of the CSS Inserts?

I just tried it and it works fine for me.

lovin'wordpress Dec 6, 2010 07:06 AM

Sorry, it's 3.5.3, mentioned it in the main title though.

Link is here

I'm quite sure it works fine for other people, but that's just it, I don't know what have I done different to have affected %cat-center to not work.

lovin'wordpress Dec 6, 2010 07:09 AM

Using Atahualpa 3.5.3, Wordpress 3.0

using WP menus, because in this version it seems to say not to use them if you're using WP 3.0. Will look into that if that is the cause.

juggledad Dec 6, 2010 08:31 AM

do you have the menu BUGFIX's applied? see the New Version & Updating forum

lovin'wordpress Dec 6, 2010 08:59 AM

hi there, thanks for your time,

I have read the updates already before posting this thread. It included turning OFF animated menus and it only affects %page-center and %cat-right.

But somehow it affects %cat-center for me. I've even tried turning ON animated menus but that didn't work either.

I'll have a read on those bugfixes again to see what I have missed.

juggledad Dec 6, 2010 09:11 AM

your problem is that you have so many category items that the list is wider than the page will hold so wrapping is occurring. If you cut down the number of Category items in the menu you will see that it centers fine.

lovin'wordpress Dec 6, 2010 09:40 AM

Hello,

Yes, you're right! It works for a much shorter menu, especially for one that fits onto a single line.

But if lessening the menus is not an option, might need to use CSS whitespace? But it seems I would have to insert a <br/> somewhere for it break properly to align in the center. Wonder how can I go about doing that?

Thanks again:)

lovin'wordpress Dec 7, 2010 11:37 AM

Hi back again,

I've managed to make my own modifications to create a new widget just below categories menu bar. I need 2 rows of categories menu bar, so I've done it this way based on a previous thread about a custom widget:

http://forum.bytesforall.com/showthread.php?t=6625

However, I do have some widget styling that I've done and would like to keep them that way but would like to remove them for this particular custom widget. I think it's got something to do with inputting new styling in "Add HTML/Add CSS" but I can't seem to figure out the code for it.


I've called this custom widget: cat_2

this is the following style that I would like to remove for this custom widget:
font-size: 11px;
line-height: 1.2;
padding: 10px;
border: solid 1px #b1c7e2;
margin-bottom: 10px;
-moz-border-radius: 8px;
-khtml-border-radius: 8px;
-webkit-border-radius: 8px;

I'm nearly there, thanks again to all of your help!:)


All times are GMT -6. The time now is 07:49 AM.

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