Post by tantadruj » Tue Oct 20, 2020 12:15 am

Opencart 3.0.3.2
Theme Default

In the category description, if you insert an image, you can add a title to it. (in the image attributes)This title appears as a black box with white text on the web page in the browser. In which file can I change the box color to white and the text color to black or any other color?

Thank you

New member

Posts

Joined
Fri Jun 23, 2017 12:40 pm

Post by IP_CAM » Tue Oct 20, 2020 1:39 am

Well, if you change that color Value (h2), it will look different everywhere, where
something is displayed 'font-size+color-marked' to show up in h1, h2, h3, h4, h5, h6
<h2>{{ heading_title }}</h2>
you would need to add some custom named Style-Code to the stylesheet, only valid
for that Line, and change it in the theme category.twig accordingly, to make
that work, like:
<cust_cat>{{ heading_title }}</cust_cat>
---
old:
stylesheet.css

Code: Select all

h1, h2, h3, h4, h5, h6 {
	color: #444;
} 
---
add after the above something like this:

Code: Select all

cust_cat {
	font-size: 18px;
	padding: 3px 3px;
	color: #WHATEVER;
} 
---
then clear out all cache and Mod-cache, and try it out, and adjust it in the stylesheet, to make it look as planned.
Good Luck!
Ernie
---
Image

My Github OC Site: https://github.com/IP-CAM
5'200 + FREE OC Extensions, on the World's largest private Github OC Repository Archive Site.


User avatar
Legendary Member

Posts

Joined
Tue Mar 04, 2014 1:37 am
Location - Switzerland

Post by tantadruj » Tue Oct 20, 2020 1:56 am

I'm sorry, I didn't express myself well. i am interested in changing the color of the title of the image that appears above the image when you hold the mouse over it. (hover)

Attachments

Untitled-1.png

Untitled-1.png (106.19 KiB) Viewed 1630 times


New member

Posts

Joined
Fri Jun 23, 2017 12:40 pm

Post by by mona » Tue Oct 20, 2020 2:03 am

Please post a web address or contact your theme developer to resolve the issue

DISCLAIMER:
You should not modify core files .. if you would like to donate a cup of coffee I will write it in a modification for you.


https://www.youtube.com/watch?v=zXIxDoCRc84


User avatar
Expert Member

Posts

Joined
Mon Jun 10, 2019 9:31 am

Post by tantadruj » Tue Oct 20, 2020 2:19 am

My theme is a Default theme of Opencart.

I'm editing locally so I can't give you an address


i don't think anyone understands what i want. when you place the mouse on the image, the title of the image is displayed and this title is in a black square with white letters for me. can i change that in a white frame and black letters because now this is very inappropriate for my site.

New member

Posts

Joined
Fri Jun 23, 2017 12:40 pm

Post by sw!tch » Tue Oct 20, 2020 2:37 am

Post a screenshot or something.. Are you talking about the title attribute?

Full Stack Web Developer :: Send a PM for Custom Work.
Backup and learn how to recover before you make any changes!


Active Member

Posts

Joined
Sat Apr 28, 2012 2:32 pm

Post by tantadruj » Tue Oct 20, 2020 2:50 am

that's right. I'm talking about the title tag. In a previous post I pasted an image showing how it appears in a black square with white text when you place the mouse cursor over the image. Can i change the color of box and text?

Attachments

Untitled-1.png

Untitled-1.png (106.19 KiB) Viewed 1552 times


New member

Posts

Joined
Fri Jun 23, 2017 12:40 pm

Post by sw!tch » Tue Oct 20, 2020 2:56 am

As far as I know you cant style a title attribute. You would have to google around alternative methods for that. (e.g Bootstrap Tooltip or some custom css on a data-attribute )

Full Stack Web Developer :: Send a PM for Custom Work.
Backup and learn how to recover before you make any changes!


Active Member

Posts

Joined
Sat Apr 28, 2012 2:32 pm

Post by tantadruj » Tue Oct 20, 2020 4:27 pm

i understand this is a css case or bootstrap min but i can't find which item to fix. google can't find anything
if all the colors can be changed, the color can probably also be changed to display the name when you place the mouse on the image. (any image on the whole store.) mouse over hover status..
image title that appears when you place the mouse on each image... now this is a black square with white letters and it is horrible.

anyone?

New member

Posts

Joined
Fri Jun 23, 2017 12:40 pm

Post by tantadruj » Tue Oct 20, 2020 4:36 pm

is the same for any mouse over.. for my account, Wish list, shopping cart...

Attachments

Untitled-3.png

Untitled-3.png (93.41 KiB) Viewed 1456 times

Untitled-2.png

Untitled-2.png (52.95 KiB) Viewed 1456 times


New member

Posts

Joined
Fri Jun 23, 2017 12:40 pm
Who is online

Users browsing this forum: No registered users and 414 guests