Post by Sawyer77 » Wed May 12, 2021 12:49 am

H Everybody,
I work on my default theme and make some design work in version 3.0.3.7

I have removed: whish list and compare buttons by commented them out <!-- -->
Now i want the buy button and cart icon to be in the middle.

i know Bootstrap quit well, but cannot find where to fix it, even watched the theme default stylesheet.css, but no luck :(

Nobody have any idea how to do this

Attachments

add-to-cart-button.jpg

add-to-cart-button.jpg (78.98 KiB) Viewed 465 times

Last edited by Sawyer77 on Mon Jul 19, 2021 6:38 pm, edited 2 times in total.

Illustrator and Photoshop Expert - Knowledge in Html, CSS and Bootstrap, not very good at programing. Had plenty of years experience in Prestashop, but went over to Opencart :)


Newbie

Posts

Joined
Sun May 09, 2021 11:09 am
Location - Sweden

Post by xxvirusxx » Wed May 12, 2021 3:46 pm

Code: Select all

.product-thumb .button-group button {
width:100%;
}

Upgrade Service | OC 2.3.0.2 PHP 8 | My Custom OC 3.0.3.8 | Buy me a beer


User avatar
Expert Member

Posts

Joined
Tue Jul 17, 2012 10:35 pm
Location - România

Post by paulfeakins » Wed May 12, 2021 5:56 pm

Dirk_Diggler wrote:
Wed May 12, 2021 12:49 am
I work on my default theme and make some design work in version 3.0.3.7
Give us a link.

UK OpenCart Hosting | OpenCart Audits | OpenCart Support - please email info@antropy.co.uk


User avatar
Guru Member
Online

Posts

Joined
Mon Aug 22, 2011 11:01 pm
Location - London Gatwick, United Kingdom

Post by Sawyer77 » Sat May 22, 2021 12:27 am

Thank you guys, it was cache related issue. I edited stylesheet and nothing happened, had to clear cache.. 😀

Illustrator and Photoshop Expert - Knowledge in Html, CSS and Bootstrap, not very good at programing. Had plenty of years experience in Prestashop, but went over to Opencart :)


Newbie

Posts

Joined
Sun May 09, 2021 11:09 am
Location - Sweden

Post by Pamella » Tue Jun 08, 2021 3:52 am

May be ;) remove the following too

Code: Select all

@media (max-width: 1200px) {
	.product-thumb .button-group button, .product-thumb .button-group button + button {
		width: 33.33%;
	}
}
@media (max-width: 767px) {
	.product-thumb .button-group button, .product-thumb .button-group button + button {
		width: 33.33%;
	}
}

OC 3.0.3.7 EN (default theme) running on PHP 7.3 MariaDB 10.3 Linux / Apache 2.4


New member

Posts

Joined
Tue Oct 25, 2011 4:22 am
Who is online

Users browsing this forum: No registered users and 98 guests