bkemal

That was such a simple fix, don’t know how I missed this.

Thanks a lot!

@wpnomad PERFECT! Works really well. I wanted to ask is there a way for the letters to be capitalized in the buttons, and change the font in all WooCommerce sections to Helvetica font. I feel like it would suit better?

https://carclubsolutions.crystalcreations.site/cart/
As well as this, if you visit the link above the hover effect works, however the buttons are just solid blue. As well as this the ‘proceed to checkout’ button does not seem to function as intended or match the theme at all. When hovered over the button disappears but the text stays.

As well as this, is there a way to edit the cart table border on the top. At the moment its solid white, I would like for it to change colour in order to match the background.

Thanks for your help, really made a difference!!

Update I’ve changed the theme, and now it is working fine and as intended. Is there any CSS to change the buttons and colour of words on the page.

I would like the totals numbers on the right of the page to be green. And every other subheading on the page to be white.

As well as this, I need the buttons to change colour, so they’re just a white border with white writing, and when hovered over I need the border to change to red. See images provided.

https://ibb.co/GxLRf6m

https://ibb.co/8DKm2my

https://ibb.co/Hqdkk7H

Thanks,
Burkay

Hello,

Yeah I managed to sort out the hover effect for it. However, the CSS does seem to make any changes to the text, it just stays the same. Any other suggestions?

Thanks,
Burkay

hello @apprimit

Just an update, when I directly edit the header menu on that page it seems to fix up a little bit such as the fonts. But there still remains a few format errors such as the footer area, and odd gaps around the page. See image provided, you can see around the sides, and the header background.

The footer area still remains the same.

https://ibb.co/Twm1HCL

Thanks,
Burkay

Hello,

I was initially using the default header, and the problem still persisted. However, I have now added a custom header and it looks a bit more normal compared to what it was originally. However, the problem still remains as it does now repeat the same format as it is intended. As well as this the footer area still becomes disrupted. See images provided.

Is there actually any fix to this, or do I have to find an alternate way of creating a checkout other than using a cartflow, as I have been struggling to find a solution to this issue.

Just to note, creating a header and footer via oceanWP is only for paying customers, and I am only on the free version.

https://ibb.co/f2szXkL
https://ibb.co/q9gV2D6
https://ibb.co/ypnpgQm

Thank you for your help @apprimit what do you suggest I could do to fix this issue.

Hello,

Thanks for your help. The second css done exactly what I want which is perfect.

But the css code for the borders didn’t do what I want. I’ll be more specific; so as you can see in the image, at the top of each table there is the white border/block which has the sub heading within them. Is there a way, so I can change the white bordering to a different colour. As the code you provided adds a separate outline to the table.

As well as this the colours of heading texts within the tables did not change. I need them to change all to white, and have the top border of each table to change colour.

Once again thank you for your help,
Burkay

@apprimit I’ve still got the issue as it completely fumbles the website. I have left that page on the default template so you can see where the issue comes from. Its very frustrating, as this website is not in a draft mode.

I have left that page on the default template so you can see for yourself. If you visit the other pages on the site you will see where the issue really is. But once on the default template it completely ruins the footer and header.

https://carclubsolutions.crystalcreations.site/checkout-page/

Hello,

Thanks for your advice. I’ve figured out where the issue lies. And it is within customizer!

I am unable to contact oceanwp as I am not a paid customer. Do you have a way to ensure that the padding is more than 100, as the limit on the customizer only goes to 100. Is there a CSS code which you can supply to ensure that the full logo is showing and aligned so it replicates similar designs to the desktop and mobile version. As you can see in the images provided, in the tablet version it does to show the whole logo, I have attempted to play around with the settings, but nothing works to ensure that it is aligned properly to retain logo size and positioning, to ensure that the full logo is showing.

https://ibb.co/c3f09rg
https://ibb.co/9cMBFgv
https://ibb.co/SVxVD6h

Thanks,
Burkay

Once again PERFECT!

Thank you for your assistance, this has solved the issue. Just how I wanted it. Great work!

Take care,
Burkay

Hello,

Yes I suspect it is the theme. After having a look at other themes, it seems to show the header fine and its full content. Unfortunately I can’t afford to switch themes, as OceanWP provides the perfect visuals for site which is what I’m after.

Is there any alternative that can resolve this issue, such as a custom CSS.

I have also noticed it is like this on desktop and tablet and not just mobile as I thought it was.

I dont understand how woocommerce can clash with this. Why can it not just show to other half of the header
thanks,
Burkay

Hello again,

So on the desktop it works perfect and just how I want it. But I checked how it looked on mobile and tablet, and it looks like the original, which is not what I want.

Can you please provide the CSS to ensure that it replicates the desktop style for mobile and tablet.

Attached is an image of how it looks on mobile.

https://ibb.co/sgmmncm

Thanks,
Burkay

PERFECT!

Thank you so much for your help, I appreciate your time and commitment. Have helped out a lot, and solved the issue.

Hello,

So now that the button colour has changed. I would like it to replicate the other buttons on the page. At the moment the cart dropdown buttons in the header menu are currently set to red because of the CSS you have provided which is great.

But instead, can we have it so that it is changed to white border, white writing and clear background. And when hovered over for it to change to red border, white writing, and clear background.

So just to make it clearer, I need css code to ensure that the menu cart dropdown buttons change to similar styles which are on the website, instead of it being solid red. I need it to have a clear background, White border and white writing. And once the button is hovered over in the cart drop down menu, I need it to change to clear background, red border and white writing.

The images shows how I want the cart menu dropdown to be.

https://ibb.co/1M9tJmM
https://ibb.co/4F47g3j
https://ibb.co/ct6Hzsw

Thank you once again,
Burkay

Hello,

Thanks for the css works perfectly and just as I needed!!

Would it be possible if you could give me the CCS to ensure that it has a hover effect. Ideally I would like it to be white border and clear background, with white writing.

And when hovered over for the border to turn red and remain with the white writing.

Thank you for your help once again, it is greatly appreciated!