Changing site title bigger & increasing image width on mobile

senniloikala · Member · Mar 19, 2018 at 2:25 pm
Copy link

Add topic to favorites
Hi! :)

I would like to have my site title Vauvavuosi.fi bigger and bolder. I can’t do it by changing font size with customizing tools, because then also post titles go bigger and they break mid-word on mobile. Is there any way to change only site title bigger and bolder?

I’m wondering also, is there any way to increase width of featured images on mobile? They look good at desktop, but too narrow on mobile (and that’s why some important parts of pictures are missing.)

I’ll start to write posts publicly, when I’ll find way to fix these little problems first :)

https://vauvavuosi.fi/

The blog I need help with is: (visible only to logged in users)
ravichahar · Member · Mar 19, 2018 at 3:02 pm
Copy link
Hey senniloikala,

Please use this code to increase the font-size of the title.
```
#masthead .site-branding .site-title{
font-size: 2.5em;
}
```
Right now, there is no content, no featured image so I can’t provide you any solution to increase the size of the featured image.

Though mostly, it’s the built-in feature of the WordPress theme you use still I can have a look once you publish a post.

Hope that helps.
senniloikala · Member · Mar 19, 2018 at 3:38 pm
Copy link
It works like a dream!! :)

I’ll start to publish content very soon and ask help one more time, if I can’t find a way to increase the width of feature image :) thank you so much for helping! :)
thesacredpath · Member · Mar 20, 2018 at 1:19 am
Copy link
I see you have widened your content area with the following custom CSS.
```
@media (min-width: 1200px) {
 .site-content .container {
  width:100%;
  max-width:1600px
 }
}
```
We would also have to widen the container for the featured content at the top, and that can be done with the following.
```
.hentry-grid .hentry-col:first-child {
  width: 100%
}
```

No items found.