AbanteCart Community
Shopping Cart Operations => Tips and Tricks => Topic started by: tzanisfarm on October 03, 2017, 01:35:55 PM
-
hello all,
When I was practicing with the css and tpl files I changed the "blurb" font colour by accident to white at sometime and now is showing but with FFFFFF in background and FFFFFF in the text is SOOO hard to locate where I did that.
Anyone can help about that ? Thanks !
-
Use in browser dev tools to inspect element
https://developer.mozilla.org/en-US/docs/Tools/Page_Inspector/How_to/Open_the_Inspector
-
Hello
I'm replying to this as this post has come up in Google, so other users will probably end up here too.
Ideally I would like to change the colour of the blurb font as well.
But from what I can make out, the blurb font is determined by
body {
color: #333;
font-size: 13px;
margin: 0;
padding: 0;
}
I don't want to change the entire site's body font colour, only the blurb.
Is this possible? If so, please suggest coding as some of us aren't full time coders and only understand some basics of coding.
Thank you
-
Hello.
You can do this with .thumbnail .blurb {} css rule
-
Yes that will work and I used it as describing the product and it works great also you have to make sure that you add the css cod for mobile devices as well.
This is what you can use but you can clean it up a bit.
.thumbnail .blurb {
max-height: 60px;
overflow: auto;
position: absolute;
background: #00A1CB;
color: #fff;
font-weight: bold;
border-radius: 2px;
display: inline-block;
}
-
those of you who want more function in the blurb might find this extension adds a lot more options, and you don't have to remember from version upgrade what CSS you changed.
https://marketplace.abantecart.com/editor (https://marketplace.abantecart.com/editor)
or see our manual for all features here
https://why2central.net/docs/editor-1215-overview/ (https://why2central.net/docs/editor-1215-overview/)
-
That extension doesn't do what he or my self are wanting. If it did I would have bought it
-
Yes that will work and I used it as describing the product and it works great also you have to make sure that you add the css for mobile devices as well.
This is what I used.
.thumbnail .blurb {
}
Thank you Baychaser
-
Thanks for asking thi sisse.