|
#1
Dec 16, 2010, 09:04 AM
|
|
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!
Last edited by Panda; Dec 16, 2010 at 09:19 AM.
|
#2
Dec 16, 2010, 09:34 AM
|
|
|
|
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
|
|
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
|
#3
Dec 16, 2010, 11: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.
|
#4
Dec 16, 2010, 01: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;
}
Last edited by Steve41; Dec 16, 2010 at 01:20 PM.
|
#5
Dec 16, 2010, 01:20 PM
|
|
|
|
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
|
|
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.
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
|
#6
Dec 16, 2010, 01: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.
Last edited by Panda; Dec 16, 2010 at 01:52 PM.
|
#7
Dec 16, 2010, 02:03 PM
|
|
|
|
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
|
|
remove %pages and %cats from the header configuration
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
|
#8
Dec 16, 2010, 03:37 PM
|
|
This is all I have in my Header Configuration.
%logo %image
|
#9
Dec 16, 2010, 03:59 PM
|
|
|
|
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
|
|
do an export of your settings (ATO->Export/Import Settings) and attach it to a reply (use the paper clip icon)
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
|
#10
Dec 16, 2010, 04:18 PM
|
|
The file is attached.
|
#11
Dec 16, 2010, 04:33 PM
|
|
|
|
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
|
|
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.
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
|
#12
Dec 16, 2010, 04: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?
|
#13
Dec 16, 2010, 11:00 PM
|
|
Quote:
Originally Posted by juggledad
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?
|
#14
Dec 16, 2010, 11: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.
|
#15
Dec 17, 2010, 05:14 AM
|
|
|
|
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
|
|
ato->Style POSTS & PAGES
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
|
#16
Dec 17, 2010, 08: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.
|
#17
Dec 17, 2010, 09:06 AM
|
|
|
|
1,333 posts · Feb 2009
Wordpress 3.4.1, Atahualpa 3.7.7
|
|
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.
|
#18
Dec 17, 2010, 09:06 AM
|
|
|
|
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
|
|
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;
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
|
|