Jump to content

How to add bold

Il Domandatore

Recommended Posts

This is the SVG file to edit. I added via the Chrome developer tool, the font-weight and !Important attribute. I can not add the bold, even in theme with custom CSS.
.switcher .selected a:after {
  1. height: 48px;
  2. display: inline-block;
  3. position: absolute;
  4. right: 10px;
  5. width: 15px;
  6. background-position: 50%;
  7. background-size: 14px;
  8. background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16'…a9 9 0 0 0 13.1 0l133-133a9 9 0 0 0 0-13z' style='fill:%23ffffff'/></svg>");
  9. background-repeat: no-repeat;
  10. content: ""!important;
  11. transition: all .2s;
  12. font-weight: 900 !important;

Alternatively, I have 2 identical icons with Awesome Font. There I managed to put the Bold, the Hover effect. But I don't know how to take out the SVG, putting the Awesome Font in the correct position.

SVG was created by the Gtranslate plugin and is on the language bar.

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Create New...