- This topic has 9 replies, 2 voices, and was last updated 9 months ago by
Leo.
-
AuthorPosts
-
May 5, 2020 at 3:50 pm #1271257
Pavla
Hi! I want a floating logo left and menu right like it is displayed now (e.g. 30px high), and the featured image like hero (full width with no paddings) under the logo and menu.
No fix height as if there is no featured image i dont want that space, i hope I explain myself?If I put the featured image in the header element with the logo and put some text inside it (test) appears but not with all the height of that imag, just a strip. If I would make the header higher that wouldn’t work in case i don’t have a featured image. mhhh.
I am working on a static page as those are the most important for me right now, but on single posts its the same thing.
I cant add more links here.
May 6, 2020 at 9:18 am #1272319Leo
StaffCustomer SupportHi there,
Sorry not quite sure if I fully understand.
So what is the current issue?
The padding on both sides of the featured image?
If so can you set the location to above content?
https://docs.generatepress.com/article/adjusting-the-featured-images/Let me know 🙂
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/May 14, 2020 at 4:31 am #1283859Pavla
Yeah that helped, thank you! but is there a way to stretch the width depending on the width of the whole window on 100% if there is not such size available? In most cases there is a good size to cover a big desktop window, but in some not.
thanks!May 14, 2020 at 5:11 am #1283912David
StaffCustomer SupportHi there,
try adding this CSS:
body .page-header-image.grid-container { max-width: 100%; } .page-header-image img { width: 100%; }
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/May 16, 2020 at 1:14 am #1286853Pavla
Perfect! Thank you so much!
May 16, 2020 at 8:09 am #1287372David
StaffCustomer SupportYou’re welcome
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/June 7, 2020 at 8:42 am #1318103Pavla
Hi again, sorry! It seems that the stretching doesn’t apply now, i don’t know if i changed something or if i just didn’t noticed before, but on single posts its not stretched, its just no really visible on those which have big images. can you please tell me what css should i put in?
thanks!!June 7, 2020 at 2:15 pm #1318387Leo
StaffCustomer SupportThe best solution is to use a picture with a minimum width of 1100px.
Or you can try this CSS but it would be out of ratio:
.featured-image img { width: 100%; }
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/June 8, 2020 at 1:13 pm #1319784Pavla
ok ill have that in mind, i just have so many old post it is impossible to change the images to bigger once. but this is a good solution for now. thank you!
June 8, 2020 at 2:21 pm #1319853Leo
StaffCustomer SupportNo problem 🙂
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/ -
AuthorPosts
- You must be logged in to reply to this topic.