Change text using CSS [duplicate]

Question

I have a question.

In this site I'm trying to translate the text "SEE COLLECTION" in the section that looks like this:

I tried using Loco Translate (site is a WordPress), but it doesn't appear on the translatable text elements, and I can't edit the HTML file for security reasons.

I need the text to say: "Ver Productos".

Could someone help me?

While it may be possible, keep in mind the purpose of CSS is to STYLE content not update or replace it. — Jon P
– Jon P, Commented Oct 4, 2020 at 4:11
Yes, indeed I told that to the customer. They have previous bad experience changing the direct html of the theme, so that's why they told me to do it on css. I really thank you for your comment, it is better to stick to "best practices". — IckyArcher
– IckyArcher, Commented Oct 6, 2020 at 22:31

Becky · Accepted Answer · 2020-10-04 03:48:48Z

4

Seems like you are already using the ::after pseudo element to do your underine. This means you can't hide the text which is already there in the anchor tag. Try this solution

  .store-mart-lite-cat-prod-content .store-mart-lite-cat-prod-btn a {
     font-size: 0px; /* workaround */
  }

  .store-mart-lite-cat-prod-content .store-mart-lite-cat-prod-btn a::before {
     content: 'Ver Productos';
     font-size: 14px;
  }

answered Oct 4, 2020 at 3:48

Becky

5,6459 gold badges44 silver badges79 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

IckyArcher Over a year ago

Becky, THANK YOU, this solved my problem. I got sick and couldn't answer sooner. You have my respect and sincere thanks. Please, keep helping the Stack Overflow community. :D

Collectives™ on Stack Overflow

Change text using CSS [duplicate]

1 Answer 1

1 Comment

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Linked

Related