Several modification questions

Hello, first thank you for using noa.
We go by parties …

1- to modify the size of the image of the header, in the subject there is a file called inc / custom-header.php, there are the measurements to modify.
I do not recommend that you change it directly, if you do not do a child theme, if you do not know how to do it, inform yourself through the network, there is a lot of information.

2- everything else is a question of css, use the customizer> Additional css:
-The space with the bar:

.entry-content {
margin-top: 1rem;
}

modify the “rem” to your liking.
-The color of the bar use rgba for transparency

.post .image-info {
background-color: rgba (0,0,0, .6);
}

– The author and date on the entry page.

.post .image-info .entry-meta {
display: none;
}

All these rules css if you make a child theme you can put them in the style.css, it would be the most correct.

A recommendation is that the images are used in large size but optimized before uploading, you can use
https://tinypng.com/

Finally, if you like, do not rate us with 5 stars in the review, thank you and I hope I have helped you.
https://www.ads-software.com/support/theme/noa/reviews/#new-post

Thanks so much for your reply. First off, all of my mods are on a child theme, whether css or alternate php files. For the header image size modification, I had found this variable in custom-header.php, I created a new folder in the child theme “inc” and copied the custom-header.php in this folder and started my changes. I had already tried modifying, with some success. For example, I even reduced the height to 400px, and this works great on the post pages, PC and mobile, but not on the “home” landing page. On the home page everything still scales completely on desktop version maxing out the window size, and mobile version it remains maxed out on the full screen. Not sure why. There is a difference in how custom-header.php is treated on the home page and a post page. Hmmm. By the way, my uploaded header image is 1920 x 750, just to be sure.

For the other margin problems on a post page, this worked, but I also had to modify:

.page .entry-header {
margin-bottom: .1rem;
}
This worked great.

Was able to hide author and date on post pages, great!!

Still unable to change the fuchsia semi transparent bar, it doesn’t respond to rgba input. I can make it solid, but not transparent. Here’s what I was inputing:
.post .image-info {
color: #edbb99 ;
background-color: rgba (0,0,0, .6) ;
}

or even just:

.post .image-info {
background-color: rgba ( 237, 187, 153, .6) ;
}

but no luck! Any advice?

Thanks again for the support, little by little I am getting the look that I want, only details remain…

Mike

Hello, if there is a difference in the css of the home page header and the others, in the start it takes full height of the screen with css

.site-header.front {
???? background-attachment: fixed;
???? height: 100vh;
}

It is possible that this is your problem, you can modify it.

The color of the transparent bar I think is because of its css, when copying it was wrong, there were not correct spaces, I used this in the customizer and it works correctly.

.post .image-info {
background-color: rgba (237, 187, 153, .6);
}

A greeting.

Hello Rafax,
Thanks for your replies. I have spent several days modifying, and things are getting better and better with my design. I was able to modify the home page header height as you suggested, with some success. I still have one major problem that I can’t resolve. The home page header seems to be very different from the header style on all other pages and posts. I really like the design/effect of the header style on all pages and posts, but the home page header acts very differently to resizing and layout, whether on desktop or mobile. Is there any way I can duplicate the header style used on all pages and posts to be the same style on the home page? This would be great. Check out my site on mobile and desktop to see the difference. Again, password to access: testmeout69

Other small question: the content margin for text on post and pages is very large, resulting in a lot of grey area to the left and right of the text. Where is the css margin setting for this text?

Muchas gracias!!
Mike

Me again, in fact, I just applied the css menu navigation correction that you supplied to ukeveryday and this made a big difference in the mobile view on the home page, because I was having the same problem with the navigation being cut off. So great, that is resolved!

Hi, the header effect on the home page is that way by design, you can solve it with css

.site-header.front {
???? background-attachment: fixed;
???? height: auto;
}

The width of the content has a maximum of 90%, you can also solve it with CSS from the customizer:

.entry-content, .entry-summary {
???? max-width: 100%;
??? }
Regulate the percentage to your liking, greetings