okiwipassion

Thank you both! ??

Thanks, Sarah!

I usually prefer to upload the smallest image I can for a given purpose, to reduce loading time. What would be a standard size here? I noticed 1024 isn’t wide enough; do you think most people’s screens should be ok with 2048?

I was asking for centering because I didn’t want to risk stretching. If I make the Featured image full width by adding the code you gave me, and the image I upload isn’t wide enough for a very large screen, it will get stretched, right?

Example of page where image looks fine on my screen (because it’s wide enough): https://www.okiwipassion.co.nz/
Example of page where image doesn’t fill the width nor is centered: https://www.okiwipassion.co.nz/veggie_boxes/

Thanks!

Hi Kathryn, thanks for your reply and for sharing the palette!

Yeah, I had been lazy about creating a child theme but I realized the importance of not editing the main theme’s css file and eventually created a new child theme with its own style sheet and functions file. Therefore, wouldn’t it be best to work on the new css file under Appearance > Editor? That is how I have proceeded so far. Please let me know what you think ??

Cheers,

Thanks, beaudaignault! What do I do with the changes I already made? Is it OK to leave them as they are in the parent file and also add them to the child file?

For instance:

To change the navigation bar from pink to dark gray (almost black) I now have:

.main-navigation {
	background-color: #151515;
	border-bottom: 2px solid rgba(0, 0, 0, 0.15);
	color: #fff;
	display: block;
	padding: 0 1em;

Where it used to be:

.main-navigation {
	background-color: #f25f70;
	border-bottom: 2px solid rgba(0, 0, 0, 0.15);
	color: #fff;
	display: block;
	padding: 0 1em;

So, in the new (child) style sheet, do I just write the following?

.main-navigation {
	background-color: #151515;

or the whole section?

.main-navigation {
	background-color: #151515;
	border-bottom: 2px solid rgba(0, 0, 0, 0.15);
	color: #fff;
	display: block;
	padding: 0 1em;

Thanks ??