Header CSS Customization

vlogazul · Member · Jun 13, 2014 at 5:19 am
Copy link

Add topic to favorites
Hello, I am currently using the forever theme and I would like to know if there’s a snippet to make the header be 100% width just like the menu bar. Thanks

The blog I need help with is: (visible only to logged in users)
kathrynwp · Staff · Jun 17, 2014 at 2:30 pm
Copy link
You can try something like this to override the default custom header width:
```
#masthead .custom-header-image {
  width: 950px;
}
```
For best results, try this CSS in combination with a new header image that’s 950px wide.

Let me know how it goes.
vlogazul · Member · Jun 20, 2014 at 8:05 am
Copy link
It worked perfectly! thanks..

Is there a snippet to make the featured images have a bigger size?
kathrynwp · Staff · Jun 20, 2014 at 1:41 pm
Copy link
Is there a snippet to make the featured images have a bigger size?

The width of featured images in Forever is set to match the width you’ve defined for thumbnail images, in your dashboard under Settings > Media:

https://vlogazul.wordpress.com/wp-admin/options-media.php

Try changing the thumbnail size there from 150 x 150 max to something larger. No CSS is needed.
vlogazul · Member · Jun 20, 2014 at 5:39 pm
Copy link
Got it, thanks!

Is there a snippet to make the “Nota Completa –>” text link on the featured image summer be bold? And also is there a snippet to make the two links text (section and tags links) under every featured image be bold? Including when it takes you to the article.
kathrynwp · Staff · Jun 20, 2014 at 6:21 pm
Copy link
Is there a snippet to make the “Nota Completa –>” text link on the featured image summer be bold?

If you right-click that element with a browser inspector you’ll see that it has the class

more-link,

so you can target it like this:
```
.more-link {
    font-weight: bold;
}
```
kathrynwp · Staff · Jun 20, 2014 at 6:23 pm
Copy link
And also is there a snippet to make the two links text (section and tags links) under every featured image be bold? Including when it takes you to the article.

To bold the category and tag names below each post on the homepage as well as on single posts, try this:
```
.cat-links a, .tag-links a {
	font-weight: bold;
}
```
kathrynwp · Staff · Jun 20, 2014 at 6:24 pm
Copy link
To help you do more CSS customizations, I wanted to give you a few resources to explore. Learning how to target your site’s CSS will help you make certain design and layout changes. Here are some very helpful posts that will help you customize your site with CSS:

An Intro to CSS: Finding CSS Selectors

An Intro to CSS, or How to Make Things Look Like You Like

Intro to CSS: Previewing Changes with the Matched Rule Pane

http://en.support.wordpress.com/custom-design/how-to-find-your-themes-css/

If CSS is new to you, here are some resources for learning more about it:
- CSS Basics
- Editing CSS

No items found.