Post by rhorne » Fri May 08, 2015 5:27 pm

In older versions of Opencart, when adding an image to a category page you could set the image border and add horizontal and vertical spacing. In OpenCart 2, all I can do now is set the float and resize the image.

How do I add a border and or spacing?

Active Member

Posts

Joined
Wed Jan 18, 2012 3:07 am

Post by viethemes » Fri May 08, 2015 11:05 pm

Could you take some screenshots so we can take a look at this problem closer?

http://www.viethemes.com - OpenCart turtorials, news, tips and stricks, extension

Our extensions:
Visual Theme Editor - Powerful tool for customizing style of any theme visually
Live Theme Editor - Customize layout, colors, backgrounds, fonts of the default theme
Theme Animation - Animation Editor for any theme

Extra Positions PRO, Custom JavaScript, Custom CSS and others


User avatar
Active Member

Posts

Joined
Thu Jan 08, 2015 12:17 pm


Post by rhorne » Mon May 11, 2015 3:18 pm

As you can see in the example below:

http://s21.postimg.org/jsvv6e713/opencart_image.jpg

In Opencart 1.5 you could right click an image and then modify various parameters including h/v space and its border. I am no longer able to do this in Opencart 2.0 and wondered how I achieve the same thing?

Active Member

Posts

Joined
Wed Jan 18, 2012 3:07 am

Post by rhorne » Mon May 11, 2015 6:53 pm

Upon further investigation it seems that sometimes the images options are enabled othertimes they are not.

For instance, when editing our blog posts, the right click functionality appears, but when editing a category, it's disabled.

Active Member

Posts

Joined
Wed Jan 18, 2012 3:07 am

Post by viethemes » Tue May 12, 2015 12:17 am

You can install my extension Custom CSS and add code below to add the border

Code: Select all

body[class*="product-category"] .col-sm-10 img {
	border: 1px solid #dedede;
}

http://www.viethemes.com - OpenCart turtorials, news, tips and stricks, extension

Our extensions:
Visual Theme Editor - Powerful tool for customizing style of any theme visually
Live Theme Editor - Customize layout, colors, backgrounds, fonts of the default theme
Theme Animation - Animation Editor for any theme

Extra Positions PRO, Custom JavaScript, Custom CSS and others


User avatar
Active Member

Posts

Joined
Thu Jan 08, 2015 12:17 pm


Post by rhorne » Tue May 12, 2015 8:46 pm

I don't want a one-size-fits-all CSS solution, I want to be able to specify the H and V space and border style for any image at any given time.

This was possible in older version of Opencart. I don't know why it's been disabled.

Active Member

Posts

Joined
Wed Jan 18, 2012 3:07 am

Post by viethemes » Tue May 12, 2015 10:49 pm

rhorne wrote:I don't want a one-size-fits-all CSS solution, I want to be able to specify the H and V space and border style for any image at any given time.

This was possible in older version of Opencart. I don't know why it's been disabled.
You can view the category description as source code and add with, height, border to it
<img src=".." width="300" height="200" border="1" />

http://www.viethemes.com - OpenCart turtorials, news, tips and stricks, extension

Our extensions:
Visual Theme Editor - Powerful tool for customizing style of any theme visually
Live Theme Editor - Customize layout, colors, backgrounds, fonts of the default theme
Theme Animation - Animation Editor for any theme

Extra Positions PRO, Custom JavaScript, Custom CSS and others


User avatar
Active Member

Posts

Joined
Thu Jan 08, 2015 12:17 pm

Who is online

Users browsing this forum: No registered users and 340 guests