selbers

Aaaah thanks so much! That was it!

I REALLY appreciate it!

Have a great day.

Suné

Sorry, please ignore the “px” in all lines, those aren’t in the actual css

Yes it works when using Chrome Inspector, but not on custom css.

I’ve tried all the below code css (in Ascend’s custom css box) without any success.

.price {
font-weight: 400;!important
}

span.price {
font-weight: 400px!important;
}

span.woocommerce-price-amount.amount {
font-weight: 400px!important;
}

.product_item .details_product_item {
font-weight: 400px!important;
}

.product_item .price {
font-weight: 400px!important;
}

Hi Hannah,

Apologies for late reply.
Link at https://ecoegg.co.za

Perfect, thank you.

I will contact you on the website should I not find the solution through the plugin route.

Edit:

I have noticed that the products only move around on Internet explorer and Chrome. They seem to stay in place on mobile browsers.

Don’t know if this helps at all ??

Thanks so much for your reply!

I will try disabling and re-enabling my plugins 1 by 1, and hopefully this will work.

I have added a lot of custom css to the theme, and use pagebuilder to create some of my pages. Could this cause issues?

Would disabling plugins like pagebuilder cause any loss of work/content, or reset settings?

Thanks again!

Aaah never mind, I found the solution. Very easy, silly me!

Thanks again for the help on combining the shortcodes!

1 more question. I just realized that when the text is expanded, it is no longer justified like the rest of the paragraph. In the visual editor, it is justified though. Is there a reason for this, or a way to fix it?

I would post a link, but the site is not yet live.

Hope you can help ??

Yes, this works perfectly!

Thank you so much ??

Hi guys!

Sorry for the delayed reply, I somehow missed your previous messages.

I managed to accomplish what I wanted to do simply by using Page Builder. I made a whole lot of extra work for myself by going into the css side of things and this was mostly unnecessary as I mainly wanted my images to span the width of the screen, not necessarily the text and other content.

I greatly appreciate your help though, and sorry for making unnecessary work for you!

Have a great day ??

Suné

Thanks for the advice!

Unfortunately neither of the codes work ??

At the moment, I have the following in my css which is changing the entire site width:

@media (min-width: 1200px) {
.container {
width: 110%;
margin: 0 auto;
padding-left: 0px;
padding-right: 133px;
}

The width is perfect for the homepage, but I don’t want it to affect the other pages. Is there a solution?

My site: https://tastebuddy.co.za/

Please ignore the total mess it is in at the moment:) The homepage will consist of only images, so the text that is stretched across the screen will be removed. Sorry for not posting a link sooner, I have kept it in maintenance mode until now.

Thanks again for your help!

Thanks so much! It works:)