@bkemal
An URL would be nice, so we can have a look
Hi @bkemal,
To achieve this type of customization we recommend using Google Chrome Developer Tools. You can right-click anywhere on your webpage to select ‘Inspect Element’, the HTML and CSS properties show up right in your browser.
You can then use those CSS properties to create you custom CSS and apply your own colours.
I hope this helps.
Thread Starter
bkemal
(@bkemal)
Thanks for the response guy. The url is http://carclubsolutions.crystalcreations.site/cart/
I’m a novice when it comes to creating custom CSS. If you could guide me on how I can make these changes, will be greatly appreciated.
Hey @bkemal,
It seems you’re using a page builder and theme for Elementor Pro and you should be able to use Elementor to change the background colour of your site/pages etc. Inspecting your site using Chrome Developer tools the CSS Elementor is adding for the background colour is this below.
.elementor-1057 .elementor-element.elementor-element-735dcb9 > .elementor-background-overlay {
background-color: transparent;
background-image: linear-gradient(290deg, rgba(248, 0, 0, 0.75) 10%, #373434 64%);
opacity: 1;
transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
}
For assistance with the features of the premium Elementor Pro plugin, you can contact their support services from this page below.
https://elementor.com/support/
I hope this helps.
Thread Starter
bkemal
(@bkemal)
Hey there,
I’ve looked at what you have suggested and done my own research. When accessing the page to edit via Elementor, it gives me no way whatsoever to edit or change anything via Elementor. The reason for this is because of the code which is inputted to enable woocommerce which is ‘[woocommerce_cart]’.
Is there a way for me to override this via theme settings. I have had a look at this https://css-tricks.com/how-to-customize-the-woocommerce-cart-page-on-a-wordpress-site/ , however because I’m a noobie with css I dont really want to play around with it and make an error, when I dont understand it. Any suggestions which could assist me?
Thanks,
Burkay
Hi @bkema,
As you’re using the Elementor plugin to apply the background colours, it would be best to contact Elementor support and ask them how to set a background for a specific page using their plugin.
You can contact Elementor support from this page of their website below, and they should be able to offer some guidance.
https://elementor.com/support/
I hope this helps.
