Featured image size and header on blog post

johnnyhungus · June 2018

Hi guys, a couple of things....

Firstly, I can't seem to get my blog featured image size to change. I have tried adjusting the sizes in the theme options and regenerating the thumbnails but it doesn't seem to change. Any ideas? I am looking to size at about 1240X480.

Secondly, I have a header space that I don't know how to get rid of, its black and ugly. Any ideas please? Thanks.

Lastly, the blog title is above the picture, Any ideas how I can get it below the featured image without underlapping the menu at the top?

Link to a sample page is here : http://coursemateapp.co.uk/app-2/golf_club_push_notification/

Bryan · June 2018

Hello,

1. Do you mean the actual size of the image on the post page, or do you want a higher resolution?

2. Go to theme options>header&subheader>header and change the minimalist option.

3. You would have to remove the title and paste it manually for each post, there is no other way.

thanks

johnnyhungus · June 2018

Hi thanks for your reply.

If you have a look at the post here http://coursemateapp.co.uk/app-2/golf_club_push_notification/ I have removed the header but your layout now hides the title underneath the menu.

If I cannot place the blog title under the picture, is there a way to move the whole page down a bit so the blog title is not under the menu? Also, can I centre the blog title?

RE point 1, I mean the actual size of the feature image, I want the image to be as wide as the margins.

Many thanks!

Pablo · June 2018

Please, make your title hidden so we can see the problem.

Thanks.

johnnyhungus · June 2018

I don't understand, you can see the problem - the title of the post is underneath the top menu.

Also, can I have a solution for the size of the featured post picture please? Thanks

johnnyhungus · June 2018

I have now hidden the title...

Pablo · June 2018

Hi,

Please change your header to minimalist without header space in BeTheme > Theme Options > Header & Subheader > Header.

http://prntscr.com/jtnv0a

To make your feature image wider, paste this CSS code:

.single-post .section-post-header .single-photo-wrapper.image .image_frame {
	max-width: 100% !important;
}

Thanks

johnnyhungus · June 2018

Hi, thanks, I have done that and put the title back onto the blog but it is still underneath the menu.

Any ideas please?

Thanks for the CSS BTW

johnnyhungus · June 2018

Any help on this one please?

Pablo · June 2018

Hey,

Please send us WordPress dashboard access privately thru the contact form which is on the right side at http://themeforest.net/user/muffingroup#contact and we will check what might be the reason.

Notice!
Please attach a link to this forum discussion.

Thanks

johnnyhungus · June 2018

I have done this!

Bryan · June 2018

Sorry but the login and password does not match, please check that and send us the credentials again.

thanks

johnnyhungus · June 2018

Very odd, I have sent you a new message with a new password, let me know how you get on, thanks

Bryan · June 2018

Hey, we fixed it with some custom css, this will be fixed in the next theme update.

cheers

johnnyhungus · June 2018

Okay, so I sent you my details for assistance but I have had nothing back, can you please update me on the above, thank you.

johnnyhungus · June 2018

Can you let me know what the custom CSS is please? Otherwise the blog on my site looks poor, thanks.

Pablo · June 2018

You must have saved the theme options while I was adding the custom css.

Please add this Custom CSS in theme options > custom css & js.

body.minimalist-header.header-fixed:not(.template-slider) #Header{
	min-height:90px !important;
}

Thanks.

johnnyhungus · June 2018

not sure what that was supposed to do but it didn't seem to do anything!

Let me just confirm the following:

I am using a fixed header

Blog titles are appearing underneath the menu header

The CSS you gave me does not seem to do anything. Cheers

johnnyhungus · June 2018

BTW it does the same with portfolio posts too.

Pablo · June 2018

Add this custom CSS code i sent you and refresh your browser cache.

It's taking down your blog title.

Thanks.

johnnyhungus · June 2018

Cleared everything, it doesn't seem to be working for me!

johnnyhungus · June 2018

Tried other browsers too, nothing!

Pablo · June 2018

That's because you have pasted it incorrectly.

http://prntscr.com/juxote

Please delete it and paste this code I posted above again, on the top of custom css codes.

Thanks.

johnnyhungus · June 2018

Sorry, I am not understanding what you want me to do with the CSS, your picture does not show where you placed the code.

Remember, some of us are not experts in CSS and need very specific guidance, thanks.

Pablo · June 2018

Edit your Custom CSS in BeTheme > Theme Options > Custom CSS & JS

1)

Delete two back slashes before body

https://prntscr.com/jv9va2

2)

Delete <style> from end of your Custom CSS code

http://prntscr.com/jv81hf

Thanks.

johnnyhungus · June 2018

Hi, your pictures do not show

Pablo · June 2018

There is a problem with prntscr service.

Please copy and paste it manually to browser.

Thanks.

johnnyhungus · June 2018

Okay, my custom CSS did not have the backslashes, so I didn't have any to delete.

It looks to me like you are not looking at the same thing as me, that is why I gave you the login to my backend.

My Custom CSS currently looks like this, inside the theme options section:

body.minimalist-header.header-fixed:not(.template-slider) #Header{

min-height:90px !important;

}

.page-id-385 .post-excerpt {

display:none !important;

}

.swpm-login-form-register-link {

display: none;

}

.image_frame .image_wrapper .image_links { display: none; }

.page-id-283 a.responsive-menu-toggle { display: none !important; }

.page-id-385 .zoom_box .desc { display: none !important; }

.page-id-385 .zoom_box .photo img { transform: scale(1) !important; }

.single-post .section-post-header .single-photo-wrapper.image .image_frame {

max-width: 100% !important;

}

.single-portfolio .section-post-header .single-photo-wrapper.image .image_frame {

max-width: 100% !important;

}

.image_frame:hover .image_wrapper img, .image_frame.hover .image_wrapper img { top: 0px; }

.single-portfolio .image_frame .image_wrapper .mask { display: none !important; }

.single-portfolio .image_frame .image_wrapper .image_links { display: none !important; }

.page-id-385 #Header { min-height: 0px !important; }

.page-id-12571 #Header { min-height: 0px !important; }

.page-id-12576 #Header { min-height: 0px !important; }

@media screen and (max-height: 575px){

#rc-imageselect, .g-recaptcha {transform:scale(0.77);-webkit-transform:scale(0.77);transform-origin:0 0;-webkit-transform-origin:0 0;}

}

Bryan · June 2018

We logged in again and saw that you changed the height of the logo back to its original size. We managed to set the minimalist option to ON which fixed the issue.

cheers

johnnyhungus · June 2018

Okay, I am not getting this at all, are you certain that you are looking at my website? According to my browsers, there has been no change in anything to do with this at all. Single blog posts STILL have their title under the header menu and no matter how I mess around, I cannot get it to sit under the menu in an organised way unless I use a classic menu instead of the fixed menu, which is not ideal.

I can get the header space to show but it is black, which is of no help at all. Is there a way to have this header space in white?

Thanks!

Pablo · June 2018

It is changed.

Please do not overwrite the Theme Options while we work on your website.

Close the website completly and open it again.

Thanks.

Featured image size and header on blog post

Comments