Logo Size and positioning

Hey,
Thanks for posting,

1. Because of where the logo it output in the html it’s not possible to place it beside the header text. It would require overriding the template and changing the html, not something you can just do with css.

2. You would also need to override the template for something like this as well, you can hide parts with css but you can’t replace content with css. For that you would need a child theme and to build out your own custom templates.

3. Space between is determined by the number of social icons and the width of your email, they are spaced out in the table evenly. Can you give me some specifics about what you mean? What positioning change are you wanting to make?

4. You can edit the “footer credit” text and there place a link using html.

For example: <a href="https://www.google.com" style="color:white">Link to site</a>

I hope that helps,

Ben

Thanks for the quick response Ben.

Another couple of questions:

– I would like t change the shipping address fonts so they are normal and not italic;
– I would also like to change the product detail fonts

Are either of these possible by css?

Hey @mygreenfootprint,
Try using this css for the address:

address.address {
    font-style: normal !important;
}

And this for the product:

.order_item .td {
    font-family: sans-serif !important;
}

Hope that helps!

Hannah

HI Hannah,
neither of these worked.
Kerry

Which email template are you editing? And where are you adding this css?

Hannah

Hi Hannah,
Editing the sipping confirmation email. CSS was placed in the dedicated plugin css location.
Kerry

Hey,
Just want to clarify, and make sure we are talking about the same things

by “sipping confirmation” do you mean “customer completed order” email?

The css location in woocommerce > email customizer > custom styles > custom css box?

What css are you using for the product details font? What did you want to change?

Yes Hannah completed order. Yes that’s the location I put the CSS. Don’t wise just Arial is fine. I’m trying to change the font weight and size as well. I added the normal font-size and font-weight css but again no success.

Can you send me a screen shot of what you have added in the custom css box so I can inspect it?

Ben

Hi Ben, problem sending screenshot so I have copied and pasted:

address.address {
font-style: normal !important;
}

.order_item .td {
font-family: arial !important; font-size: 18px !important; font-weight: normal !important}
}

Well you have an error in that css:

You have an extra bracket at the end. Should be:

address.address {
    font-style: normal !important;
}
.order_item .td {
font-family: arial !important;
font-size: 18px !important;
font-weight: normal !important
}

In the content > text styles could you not define what you wanted there?

A screen shot would be very helpful to understand. You can use a site like https://imgbb.com/ to post it.

Ben

Hi Ben,
I tried that CSS same issue. That is no change at all. As en example address till shows in italic and product description still shows in very light font and small px. I’ll try uploading screenshot again.

Screenshot

https://ibb.co/RPZMQN5

after you save the settings have you tried reloading the page?

Looking forward to the screen shot

Haha,
Sorted. Legend thank you!