Text in imbalance 2

awaywiththespoons · Member · Apr 30, 2013 at 9:09 am
Copy link

Add topic to favorites
Hello!

I am just finishing making a blog, and wanted to change a couple of things. I’ve already played around with the CSS from previous posts on the forum (thanks they have been v useful!), but I couldn’t find any solutions for the following:

1. I’d like to get rid of the text completely below the thumbnails. I added some CSS so do this, but the title of the post still remains. This is what I have so far:

.box .texts h1,
.box .posted,
.box .categories,
.box .rel p {
display: none;
}

and I have been trying all sorts of things to try and shift the remaning text, but no luck! Can you help?

2. I’d like to change the size/style of the main menu text
3. I’d like to centre the menu text

Any help much appreciated.

Thanks! Becca :)

The blog I need help with is: (visible only to logged in users)
itvibiz · Member · Apr 30, 2013 at 1:49 pm
Copy link
.box .texts h1,
.box .posted,
.box .categories,
.box .rel p {
display: none;
}
awaywiththespoons · Member · Apr 30, 2013 at 5:16 pm
Copy link
Hello!

That is the css I have used (I copied it and posted it above). The problem is that the post title is still visible.
designsimply · Member · Apr 30, 2013 at 9:53 pm
Copy link
1. I’d like to get rid of the text completely below the thumbnails.

Try adding .box h1 to the selector list in your example above.
designsimply · Member · Apr 30, 2013 at 10:03 pm
Copy link
2. I’d like to change the size/style of the main menu text

Here is an example you can start with:
```
.menu ul li {
	background-color:rgba(0,0,0,0.95);
}
.menu ul a {
	color: #eee;
	font-family: Georgia, sans-serif;
	font-size: 20px;
	padding: 10px;
}
.menu ul ul {
	box-shadow: 1px 1px 2px rgba(255,255,255,.15);
}
.menu a:hover,
.menu ul a:hover,
.menu ul .current_page_item > a,
.menu ul .current_page_ancestor > a,
.menu ul .current-menu-item > a,
.menu ul .current-menu-ancestor > a {
	color: #f00;
}
```
It uses reversed colors (white on black) and red for the hover, and you should adjust all the color code, font size, and font family values yourself.

Note that you should learn a bit more about how font stacks work before changing the font family. See http://unitinteractive.com/blog/2008/06/26/better-css-font-stacks/
designsimply · Member · Apr 30, 2013 at 10:06 pm
Copy link
3. I’d like to centre the menu text

To center the menu, remove this:
```
#header-left {
	width: 700px!important;
}
```
And add this:
```
#header-left {
	width: 100%;
}
.menu {
	text-align: center;
}
.menu ul {
	display: inline-block;
}
```
Note that this example depends on some the other custom CSS you’ve already added, so other people won’t be able to copy and paste this example directly (if they find it later).
awaywiththespoons · Member · May 2, 2013 at 9:37 pm
Copy link
THANKS!

so far going well, except the title text is not shifting -I used “box. h1” bit it makes no difference. Do you have any other thoughts?
designsimply · Member · May 3, 2013 at 5:06 pm
Copy link
You added

.box .h1

But it needs to be:

.box .h1

Every “.” counts!

No items found.