issues with update of neighborhood theme

[sukiya]

Hi everybody,

I made an update of wordpress some days ago and today an update of the neighborhood child theme.

now I have a lot of issues:
a lot of informations I wrote in the CSS are not working anymore.
this concerns woocommerce colors (like for example the span.onsale) and also a lot of font sizes (like for example the woocommerce prices).

I was working a lot on those things and in the CSS the informations are still there.
but there seems to be an overriding informations which levers out my CSS informations.

please take a look at those 2 pages:
http://www.eshop.sukiya.ch (right version)
http://www.sukiya.ch (version with the newest updates)

and go there an a page for example “Möbel” and see the difference.

can you help me?

best wishes,
Lisa

[Rui Guerreiro – SUPPORT]

Hi,

Where did you have all the css modifications?

-Rui

[sukiya]

Hi Rui,

What you mean?
I wrote them in the general options of the theme.(in the css window)

Best wishes,
Lisa

[sukiya]

Hi Rui,

me again.
I wrote it there:
theme options – general options – custom CSS

I did not change anything. I only made all the updates (wordpress, theme, woo commerce).
the issues concern especially the woocommerce color informations and the woocommerce font sizes of the products. those informations don’t work since i did all those updates. and if I change the css modifications, for example a woocommerce font size or a woocommerce color – nothing happens.

do you know what I mean?

thanks for your help and best wishes,
Lisa

[Rui Guerreiro – SUPPORT]

This reply has been marked as private.

[sukiya]

dear Rui,

as I tried to explain in my last mail – the issues appear mainly in context with woo commerce.
those 2 pages you showed me don’t have prices and sales flags in the overview.

so pleas look at those 2 pages:
http://www.sukiya.ch/produkt-kategorie/moebel/
http://www.eshop.sukiya.ch/produkt-kategorie/moebel/

there you can see what I mean.

1.) the sale flag is black instead of pink
2.) the font size and font wight and the position of the font is different.

and if you click on the products also there are some differences.

so everything should appear like in my old page http://www.eshop.sukiya.ch
since the update of the theme – it looks very different.
I now where I put those informations about colors and font sizes. (I did it whit your help – and it worked perfectly) but if I try to change them now – nothing happens.

something is overlaying those informations.

so i don’t know what happened since the update of the theme.
I did not make any changes since then.

best wishes,
Lisa

[Rui Guerreiro – SUPPORT]

Hi,

The sale flags are pink in both sites. Just the price text alignment is different.

Replace this css

ul.products li.product .price {
  font-size: 14px;
  float: left;
}

by this one

ul.products li.product .price {
  font-size: 14px!important;
  float: left!important;
}

-Rui

[sukiya]

Hi Rui,

I think the issue is much more complex.
when I look at the colors they appear different.
and it s not only one font size which is not working anymore.

I made some screen shots with the main differences.
the point is that the CSS informations which are alle there are not working anymore.

those are the CSS codes for the fonts:

.woocommerce ul.products li.product .price ins {
font-weight: 400;important;
font-size: 15px;important;
}

.woocommerce ul.products li.product .price del {
font-weight: 400;important;
font-size: 13px;important;
}

.woocommerce ul.products li.product .price, .woocommerce div.product p.price {
font-size: 15px;important;
}

this was working perfect. but now – no matter what I change there – nothing happens.

for the colors (sales flag and out of stock flag) I put this CSS:

.woocommerce span.onsale {
background-color: #E8A7CD!important;
color: #FFFFFF!important;
}

.woocommerce .out-of-stock-badge {
background-color: #E8A7CD!important;
color: #FFFFFF!important;
}

in the old page ally those codes and some more (for hovering over effects and so on)
are working perfectly.

since the update in the new page – nothing of this is working anymore.

please see the images attached.

thanks for your help – its really a pity because with your help I put all those code and it was perfect.

Lisa

Attachments:

You must be logged in to view attached files.

[sukiya]

dear Rui,

one thing I found out since now:
in firefox the colors and the font sizes and font weights appear correct.(see the image attached). the only difference is the price which should be left-aligned.

in safari colors and fonts appear incorrect.

but as I always work in safari I am wondering why this is happening.
before the update this issue did not occure.

thanks for your help.

best wishes,
Lisa

Attachments:

You must be logged in to view attached files.

[sukiya]

hi everybody,

I really don’t know what to do. this is frustrating.
I can’t make any changes in the Custom CSS anymore.

is it possible to downgrade the theme version to an older one?
or maybe it is the new woocommerce plugin?
because before the upgrades the page worked on any browser – now on safari (Mac OS) the page appears very different.

do you have any suggestions?

thanks a lot,
Lisa

[sukiya]

Hi everybody,

I downgraded the woocommerce plugin now from 2.3.8 to 2.3.7.
but its still the same.
so it must be a theme issue. because this is the only difference between those 2 pages now.
is it recommendable to downgrade the neighborhood theme?

I am looking forward to hear from you soon.

best wishes and thank you!
Lisa

[Rui Guerreiro – SUPPORT]

Hi,

Did you made the css change that I asked above? Don’t see that change in the page code.
In the category page that is the only difference I see.

In the product page, don’t see any differences. Check what I’m seeing in the attached image.

I think you have some cache problems that also happened other times, try to clear your browser cache and offline content.

-Rui

Attachments:

You must be logged in to view attached files.

[sukiya]

Dera Rui,
Thanks for your mail.
Its really not a cache problem!
The issues occuere as i said ONLY with safari.
I am working on an apple computer.
Firefox is ok.
Safari not at all.

Do you know what I mean?

Best wishes,
Lisa

[Rui Guerreiro – SUPPORT]

yeah you are right. Was checking in Chrome and Firefox, checked in Safari and the css rule we had in the past aren’t taking effect.

Will forward this topic to Ed so we can help on this.

-Rui

[sukiya]

Hi Rui,

Ok.cool!
Thank you!

I am looking forward to hear from you soon!

Best wishes,Lisa