lizzietschornow

Thanks Siobhan… do you need all of this to change the circle size:

/* Changing the size of circles with no thumbnail */
.hentry.no-thumbnail{
border-radius: 220px;
width: 220px;
max-width: 220px;
height: 220px;
max-height: 220px;
}

/* Changing the size of circles with a thumbnail */
.hentry {
width: 220px;
height: 220px;
}

.blog .hentry a .attachment-post-thumbnail{
border-radius: 220px;
}

.blog .hentry a:hover img{
border-radius: 220px;
}

Ah thanks so if I installed this plug in, I would have more flexibility over fonts I used n the circles?

Ah – so because the current font ‘Baskerville’ isn’t included on the list does that mean it won’t work on all browsers?

Not 100% sure on the font yet but would want the flexibility to change it and just wondered how easy it would be to do before deciding to do it.

Thanks, is it easy to change the text colour and font if you want to?

Sorry I meant if I left that bit out and just followed stages 1 and 2, would the text display all of the time?

Thanks

Thanks Andrew – I’ll try this. Will the text default to a certain colour?

Also, if I did input this bit
‘.blog .hentry span.hometitle {
display: none;
}

.blog .hentry a:focus span.hometitle,
.blog .hentry a:hover span.hometitle {display: block;}’

would it mean the text displayed all the time?

Thanks Andrew – if anybody can help that would be great.

Hi Andrew – here is the link: https://pastebin.com/Kt3vXzDX

I’d like 5 of the 6 circles on my home page to link through to static pages and the other circle to link through to a blog, so I guess to function as a post rather a page?

Do I still need to make the change you suggested here:

‘A step back a minute, could you use this in your Child Theme style.css file instead:
@media all and (min-width: 1201px) {
.blog #main {
width: 60%;
margin: 0 auto;
}
}
Otherwise it’ll affect other pages that you don’t want affected.’

Thanks Andrew – that’s brilliant! Will it be easy for me to use one of the pages as a blog? Do I need to change one of the circles to a post instead of a page to achieve this?

I really appreciate all of your help.

Can I paste this directly into the stylesheet through my dashboard or do I need to update the root file and re upload through the FTP?

Thanks

Hi Andrew
Thanks I have 4 in a row now, which I may be able to work with. If I wanted to move to 3 what would I need to do?
Thanks
Lizzie

It’s my homepage: https://www.hellohr.co.uk

Hi Andrew
I tried it and it doesn’t seem to have done anything – still showing 5 circles (pages) per row.

My child theme style.css file looks like this:

/*
Theme Name: spun-child
Theme URI: http: //mysite.com/
Description: This is a custom child theme I have created.
Author: My Name
Author URI: http: //mysite.com/
Template: spun
Version: 1.07
*/
@import url(“../spun/style.css”);
@media all and (min-width: 1201px) {
#main {
width: 80%;
margin: 0 auto;
}
}