Change the font size

To make the font bigger on just the homepage content, try targetting the .home class with this:

.home .page-content {
  font-size: 20px;
}

You may need to adjust this CSS depending on whether you’re using a static front page or displaying your latest posts. If you can provide a link to your site I can have a look directly and help you with the specific CSS needed.

Thanks for your answer. It works great (I can’t provide a link because I’m developing the site on localhost right now)

I have another question though :
I would like to add a hover effect to some of the photos when the mouse goes over it.
How would I do that ?
Thanks a lot for your help.

I would like to add a hover effect to some of the photos when the mouse goes over it.

What kind of hover effect? Can you describe it in more detail or have you seen something you’re trying to emulate?

Which photos do you want to apply the effect to? All photos in the body of your posts and pages? Something else?

The CSS code will be different depending on the answer to these questions.

It would be something like (https://www.offshore.fr/) this for the 3 pictures in the middle. (The photos become lighter when the mouse goes over it). It would apply to all the photos of the body of my home page.

And another question : is it possible to add a widget area at another spot than to the right side ? My site has to be bilingual (French and English), I’m using Polylang and I have 2 little flags which can appear in a widget. But I want the flags to appear on the right corner of my site, just next to the menu.

Thanks a lot for your help !

If you’ve set up your site like in the Sketch demo, applying the portfolio template to your static front page, you’ll get a very similar hover effect automatically. Put your mouse over the portfolio items below the slider to see it in action:

https://sketchdemo.wordpress.com/

You’ll need to activate Jetpack‘s Custom Content Types module to use portfolios in Sketch, and follow the setup guide to make your site look like the demo:
https://theme.wordpress.com/themes/sketch/

Let me know how it goes.

And another question : is it possible to add a widget area at another spot than to the right side ?

Here are some resources on adding new widgetized areas to a theme:

https://codex.www.ads-software.com/Widgetizing_Themes
https://www.dummies.com/how-to/content/how-to-register-new-widget-areas-to-your-wordpress.html

You’ll need to do this in a child theme, so your tweaks won’t be overwritten when updating the theme. Here are some guides in case you haven’t made one before:

https://codex.www.ads-software.com/Child_Themes
https://op111.net/53/

p.s. if you need further help with the hover effect, please provide a link to your site so I can see your setup directly. Thanks!

thanks for your reply !
For the hover effect, I tried to use the portfolio template but the look was not exactly what I wanted, so I used a regular page instead, so that I can customize it (change the font size, number of items per line, etc… )
again I can’t provide you with a link because I’m developing the site locally for the moment, and I don’t really want to put it online before it’s finished…
Here you can see a screenshot of my home page here : https://www.hostingpics.net/viewer.php?id=803915Capturedcran20150317114606.png
I want the hover effect on all the pictures :

For the widgetized area, I give it a try, and let you know how it goes.

Thanks a lot !

Thanks for the screenshot – unfortunately the link doesn’t work for me, I get a “502 Bad Gateway” error.

sorry (it’s strange, because it works for me here)
what about this one :

https://zupimages.net/viewer.php?id=15/12/zd47.png

I can see that screenshot, not sure why the other didn’t work for me.

If you’re using the portfolio shortcode on your hompepage and would like to add a translucent white effect when you hover your mouse over those portfolio images, try something like this in your child theme or custom CSS plugin.

.home .portfolio-entry a:hover {
  background-color: #ffffff;
  opacity: 0.6;
}

You can adjust the colour and opacity level as you like. Let me know if this is what you’re after.

it works ! It’s exactly what I wanted. Thanks a lot for your help.
Now I’m starting to create the child theme and the widgetized areas, but it might take a little time ?? thanks for the guides you provided.

Great, glad that’s what you wanted!

Good luck making your child theme. If you need further help, just start a new thread – I’m going to mark this one as resolved now.