Wordpress Themes - WP Forum at BFA

Wordpress Themes - WP Forum at BFA (http://forum.bytesforall.com/index.php)
-   Center area post/pages (http://forum.bytesforall.com/forumdisplay.php?f=32)
-   -   How to make a couple of adjustments (http://forum.bytesforall.com/showthread.php?t=11758)

Panda Dec 16, 2010 08:04 AM

How to make a couple of adjustments
 
1 Attachment(s)
The first thing I can't find, is where to set the color or size of the top horizontal rule, which is white now (see attached image). The horizontal rule in question is on my main page, not on a post.

The second is the little bullets (see attached image), where can I make adjustments to those, or maybe not have them all? I found where the little rectangle boxes next to the links can be added, but it leaves the bullets and both together doesn't look very good.

One more thing, I didn't mark it in the image attached but you can see it, the dark gray bar above the white horizontal rule, where is the adjustment for that? It is both on the top and bottom of the image in the header.

Thank you for your help!

This is the best WP theme there is! Thank you for making it! :)

juggledad Dec 16, 2010 08:34 AM

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

Panda Dec 16, 2010 10:06 AM

I thought I just had a simple question. Your reply did not help me. I have looked in the options several times for those settings. However, if I don't know what those items are called I do not know what I am looking for in the options panel or what to search for in the forums in order to help myself.

If someone would be so kind as to help me out here I would appreciate it.

I am not CSS illiterate or HTML illiterate. I simply cannot find those settings in the options panel.

Thank you for your time.

Steve41 Dec 16, 2010 12:03 PM

To adjust the line i.e. bottom border of top navigation box go to "ATO -> Next/Previous Navigation" and find the edit box for "Style the Navigation TOP Box"

Mine has this CSS code
HTML Code:

padding: 10px 0;
background: #fff;
border-bottom: solid 5px #fafafa;
margin-bottom: 5px;
font-size: 11px;

Change the values for
HTML Code:

border-bottom: solid 5px #fafafa;
to increase/decrease bottom border and/or color.

As I don't have quite trhe same setup as you re: bullet images, try this by changing to suit and adding to "Add HTML/CSS Inserts"

HTML Code:

div.widget ul li {
padding: 1px 5px 1px 14px !important;
background: url('http://mydomain.com/themename/images/bullets/gray-arrow.gif') no-repeat 0 4px;
}


juggledad Dec 16, 2010 12:20 PM

panda, in order to help someone, I want to make sure they have done their homework. Telling us what version of Atahualpa and Wp you are using is important. We get many people using other themes that want help and that's not what this forum is for. By providing a link to your website, I can SEE and sometimes experiment with something to fix the issue. Not giving details means that I have to spend my time asking for them - if your on version 3.4.9, i might know the issued is fixed in 3.5.3.

I wrote that post and pointed you to it because I got tired of asking the same thing over and over

What version of Atahualpa and WP?
What is your url?

You have provided neither and that is my starting point if I'm going to give you any help.

Panda Dec 16, 2010 12:35 PM

I have discovered that the dark gray line above and below the header image is the Page Menu and the Category Menu, as you can see in the attached image in my first post. I am not using the Page Menu or the Category Menu on my site, so how to I get rid of the dark gray line above and below the header image?

I am using version 3.5.3.
WP version is 3.0.3

My site is not ready for the public to see yet. So I prefer to not give the link to my site.

juggledad Dec 16, 2010 01:03 PM

remove %pages and %cats from the header configuration

Panda Dec 16, 2010 02:37 PM

This is all I have in my Header Configuration.

%logo %image

juggledad Dec 16, 2010 02:59 PM

do an export of your settings (ATO->Export/Import Settings) and attach it to a reply (use the paper clip icon)

Panda Dec 16, 2010 03:18 PM

1 Attachment(s)
The file is attached.

juggledad Dec 16, 2010 03:33 PM

CSS Inserts, remove the lines
HTML Code:

div#imagecontainer {
border-top: solid 5px #333;
border-bottom: solid 5px #333;
}

You may want to remove everything there and see what it looks like. That is styling that was added as a demo.

Panda Dec 16, 2010 03:36 PM

Thank you, I will try that as soon as I get to my computer.

What about the white horizontal rule just below the dark gray bar, and the bullets next to the links in the widgets? Where are those settings?

Panda Dec 16, 2010 10:00 PM

Quote:

Originally Posted by juggledad (Post 52305)
CSS Inserts, remove the lines
HTML Code:

div#imagecontainer {
border-top: solid 5px #333;
border-bottom: solid 5px #333;
}

You may want to remove everything there and see what it looks like. That is styling that was added as a demo.

Thank you that fixed what I was looking for. How about the other two settings? The bullets and the white line?

Panda Dec 16, 2010 10:02 PM

Ok, I got rid of the bullets. I commented them out. But, I still can't find where the white line is at.

juggledad Dec 17, 2010 04:14 AM

ato->Style POSTS & PAGES

Panda Dec 17, 2010 07:11 AM

Which section under ato->Style POSTS & PAGES? I have looked several times. I don't know what that horizontal line would be called. I would assume that's where to make changes to that line is. But, I also thought that making changes to the dark gray lines above and below the header image would be in the Style Header area too, and I was wrong it was in the CSS coding.

If you could please give me specifics I would appreciate it.

paulae Dec 17, 2010 08:06 AM

One thing you should do is to get Firebug. It's an extension for the browser which lets you right-click on any element in a webpage and see what's it's called and what CSS is applied to it, so you can then go into the CSS inserts of Atahualpa and over-ride the current CSS.

The Chrome browser on the Mac has this ability built-in. Right-click and choose Inspect element.

And another note: Juggledad is trying to get you to learn how to answer these questions yourself, by learning more about how the theme and CSS work together.

juggledad Dec 17, 2010 08:06 AM

ato->Style POSTS & PAGES->POST Container it's the
HTML Code:

border-top: solid 4px #eee;
and ATO->Next/Previous Navigation->Style the Navigation TOP Box
HTML Code:

border-top: solid 4px #eee;


All times are GMT -6. The time now is 10:00 AM.

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