[nomad_jess]

Hi Lauren,

Thanks so much for responding.

There is reference to the home-top image being that size in the functions.php file:

//* Add new image sizes
add_image_size( 'home-bottom', 150, 150, TRUE );
add_image_size( 'home-middle', 332, 190, TRUE );
add_image_size( 'home-top', 700, 400, TRUE );

However, in the style.css file, there doesn't seem to be any specific dimensions listed. I was looking at the following two sections of code:

/*
Widgets
---------------------------------------------------------------------------------------------------- */

/* Featured Content
--------------------------------------------- */

.featured-content .entry {
background: none;
margin-bottom: 16px;
padding: 0;
}

.featured-content .entry p,
.home-bottom .featured-content {
margin-bottom: 0;
}

.featured-content .entry-title {
margin-bottom: 8px;
}

.home-bottom .featured-content .entry-title {
margin: 8px 0;
}

.home-bottom .featured-content .widget-title {
margin-bottom: 20px;
}

.home-bottom .featured-content .entry {
border-bottom: 5px solid #f5f5f5;
}

.metro-pro-home .home-bottom .entry {
margin-bottom: 20px;
padding-bottom: 20px;
}

.home-bottom .featured-content .entry-content p,
.home-bottom .featured-content img {
margin-bottom: 0;
}

and...

/*
Content Area
---------------------------------------------------------------------------------------------------- */

/* Home Page
--------------------------------------------- */

.home-middle {
overflow: hidden;
}

.home-middle-left,
.home-middle-right {
width: 332px;
}

.home-middle-left {
float: left;
}

.home-middle-right {
float: right;
}

Does something need to be added here (or elsewhere)?

Many thanks in advance!

Jess

[nomad_jess]

You're a genius! Thanks so much, Tony!

Really appreciate your help! 🙂

[nomad_jess]

Hi Anita,

Thank you. I ran the plugin and while it helped resolved the issue that we've been discussing on another thread, it unfortunately didn't fix this one.

As I mentioned, it was displaying correctly when I installed the theme and it is only this image location that is affected (no matter which post I choose to place there). So I feel like it must be some coding I have touched subsequently and didn't realise that it had affected this area at the time.

Any ideas as to the code that might be affecting the span of the home-top featured image?

Thanks so much for all your help!

[nomad_jess]

Hi Anita,

Thank you - I have been able to get these images to display correctly now. The only issue now is that the post title is not aligned with the top edge of the image. How can I bring this up?

Many, many thanks!

[nomad_jess]

Hi Anita,

Many thanks for the suggestion. I wrote something similar on another thread regarding a different issue, but I'll clarify again here. What I don't understand is that this image is (as are all featured images on our site) actually larger than the area in question. In fact, it displayed fine when I first installed the theme. I'm not sure if other coding I have touched has impacted its display. It should really be "downscaling" rather than "upscaling" (I totally get why that wouldn't work). If I can avoid installing another plugin by being able to tweak some code, I'd prefer it if possible.

Many, many thanks in advance for all your help. REALLY appreciate it!

[nomad_jess]

Hi Anita,

Thanks, I can try this. But what I'm not quite understanding is regarding the fact that the images are big to be begin with. They display fine as large images, it's just I want them to be smaller and they don't display smaller when I select the relevant size in the featured posts widget. When I play with some code they look totally fine thumbnail or "home-middle" size. It's just that changing this code affects other images in a way I don't want them too.

I completely understand that if the image is small to begin with and I want it bigger, that they can't simply be "upsized". But if the image is big enough already and seems down-scalable, why isn't it showing at the appropriate size selected?

[nomad_jess]

Hi Anita,

Thanks so much! This helped but unfortunately didn't adjust it as much as I would have liked.

In the end, I was able to get the result I wanted by changing this code:

.site-title {
font-family: 'Oswald', sans-serif;
font-size: 48px;
line-height: 1;
margin: 0 0 16px;
text-transform: uppercase;

to

.site-title {
font-family: 'Oswald', sans-serif;
font-size: 48px;
line-height: 1;
margin: 0 0 0px;
text-transform: uppercase;
}

Thanks so much for all your wonderful help, Anita! Much appreciated!

[nomad_jess]

Thanks Anita! That worked a treat!

May I inconvenience you with one other thing here? Or should I start a new thread?

I'm wanting to reduce the gap between the header and primary navigation too. Could you please point me in the direction of the code that affects this?

Thanks so much!

[nomad_jess]

Hi Anita,

Thanks so much! This has brought it up a little, but I'd still like to bring it up more.

Is there some code related to the secondary navigation menu perhaps that is causing the additional padding?

Many thanks in advance!

[Author]

Posts