Docs

[MyDigitalClub]

Hello,

A couple of questions for you, please.

Question 1. I use Renew and I’d like to make the pictures on the blog pages (individual pages for each blog post e.g.http://www.mydigital.club/new-post-2/) smaller. About a quarter of the size really. Otherwise, all the pictures I upload have to be of a really big size to look well on the blog pages (not pixellated, as it is now – see http://www.mydigital.club/new-post-2/).
And I don’t want to do that as huge pictures will make the site slow to load.

How can I make the pictures smaller, while keeping all the text and everything also full width? I’m happy with the body text of the blog post to wrap around pictures if needed.

Question 2. How can I remove the ‘The Blog’ phrase on the top of the page (under the header navigation, e.g. http://www.mydigital.club). Same about the ‘About’ section here http://www.mydigital.club/about/. How can I remove the ‘About’ word (below the top navigation) – it’s not clickable, not part of breadcrumbs and does not really add anything to the customer experience. How can I get that stuff removed, while keeping the header navigation without changes?

Thank you.

Best,
Katya

[MyDigitalClub]

And one more question please – is there a way to make that ‘go to the homepage’ house and the breadcrumb navigation itself bigger (see the screenshot).
They are too small for mobile, people will have difficulties clicking on them.

Thanks.

[Joao]

Hi There,

Please add the following code to Appereance > Customizer > Custom > CSS

/*This sets the maximum width (500px), position (centered) and adds a (5px) border on all POST Featured Images*/

.blog .entry-featured {
position: relative;
padding: 5;
width: 250px;
float: none;
margin: 20px auto;
}

.single .entry-featured {
position: relative;
padding: 5;
width: 600px;
float: none;
margin: 20px auto;
}

.h-landmark span, .entry-title.h-landmark span {
    display: none;
}

.x-breadcrumbs {
    font-size: 20px;
}

Hope that helps

Joao

[Author]

Posts