Customized CSS

artphotowalks · Member · Aug 11, 2011 at 4:08 pm
Copy link

Add topic to favorites
Hi there.
I am new to WP and have started building my first website with this platform.
I have purchased the CSS upgrade.
I know some basic CSS. Here are a couple of obstacles I couldn’t overcome.

1 – How to remove the gray line below each post – I want mostly static pages

2 – How to eliminate the white area below the post area, where RECENT POST used to be (I removed it).

Thanks

The blog I need help with is: (visible only to logged in users)
thesacredpath · Member · Aug 11, 2011 at 6:07 pm
Copy link
1. I think this is the line you are talking about. If it isn’t, let me know with a little more explanation.
```
.hentry, .no-results {
border-bottom: 1px solid #DDDDDD;
}
```
2. That is the background in #page showing through.
```
#page {
background: none repeat scroll 0 0 #FFFFFF;
}
```
artphotowalks · Member · Aug 11, 2011 at 9:17 pm
Copy link
thanks pal!
#1 worked great
#2 tried it but it changed also the background color in the header; i just want to get rid of the whole “recent post” area; inserted the following – however white still shows up

.recent-posts {
display:none;
}

thank you
thesacredpath · Member · Aug 11, 2011 at 9:50 pm
Copy link
Give this a try then
```
article.intro {
margin-bottom:0;
}
```
artphotowalks · Member · Aug 12, 2011 at 8:54 am
Copy link
that did the trick! thanks…

one issue with the menu bar… how can i make more visible the name of the selected page once i click on a page and enter it? since i removed the page names on all pages (what you see in some pages is body text), i’d like to make out only by looking at the menu itself…

thank you for your help
thesacredpath · Member · Aug 12, 2011 at 9:01 am
Copy link
This will do that. I’ve just used a medium grey, but you can change it to whatever color you want.
```
#access .current_page_item > a, #access .current_page_ancestor > a {
background-color: #555555;
}
```
artphotowalks · Member · Aug 12, 2011 at 9:13 am
Copy link
thanks! you are an ace!!!

next… how can i increase font size of menu bar items?
thanks
thesacredpath · Member · Aug 12, 2011 at 9:29 am
Copy link
Give this a try. I did the font size as a percentage as that is an easier way than trying to do a fixed size, and I also reduced the line-height from 3.33em to 2.8em to keep the black bar from getting really tall with the font size change. You can play with both the font size and the line height values as you see fit.
```
#access a {
font-size: 120%;
line-height: 2.8em;
}
```
artphotowalks · Member · Aug 12, 2011 at 11:30 am
Copy link
thanks!
thesacredpath · Member · Aug 12, 2011 at 4:46 pm
Copy link
You are welcome.

No items found.