Adjusting link body .css styles from Text Editor module (not global)

Beaver Builder
1

I’m trying to adjust the text link styles of content falling within the body of pages. I need some .css guidance. I drop in this code below, but it’s applying to everything (header, sidebar, footer, etc.)

I’m running Beaver Themer.

a:link, a:visited {
color: #17c0b8;
  padding: 5px 5px;
  text-decoration: underline;
}
a:hover {
    color: #17c0b8;
      text-decoration: none;
      background-color: #edfaf9;
      transition-duration: 0.4s;
}
2

Update, I wrote a css class and applied to the column but not seeing the changes.

Here’s the .css I dropped in:

a.bodylinks:active {
   color: #17c0b8;
   padding: 5px 5px;
   text-decoration: underline;
}

a.bodylinks:hover {
   color: #17c0b8;
   text-decoration: none;
   background-color: #edfaf9;
   transition-duration: 0.4s;
}

I applied ‘bodylinks’ to that column.

3

Hi,

If the content is being added via Beaver Builder then the following should work.

.fl-row a:link,
.fl-row a:visited {
    color: #17c0b8;
    padding: 5px 5px;
    text-decoration: underline;
}
.fl-row a:hover {
    color: #17c0b8;
    text-decoration: none;
    background-color: #edfaf9;
    transition-duration: 0.4s;
}
4

So if my class is named

bodylinks

How do I call this from the .css you just wrote?

I’ve applied bodylinks as the class on the module.

Thanks!

5 
.bodylinks a:link,
.bodylinks a:visited {
color: #17c0b8;
padding: 5px 5px;
text-decoration: underline;
}
.bodylinks a:hover {
color: #17c0b8;
text-decoration: none;
background-color: #edfaf9;
transition-duration: 0.4s;
}
6

I think I got it! :slight_smile:
Thanks for the help.