Trying to follow these direction to color text box... - Support

Viewing 10 posts - 1 through 10 (of 10 total)

Author

Posts
May 15, 2015 at 8:21 pm #445149

gharding
Participant

Hi, I am trying to follow these directions, but it didn’t work yet: https://kriesi.at/support/topic/background-color-for-text-boxes/

Here is what I did: one the homepage, I have a text box on this page: http://california-apmp.org/wp/ (it begins with “APMP’s California Chapter”). I gave it a custom css class of “blue-text-box”

I used this CSS in Quick CSS:

.avia_texblock.blue-text-box { background-color: red; padding: 10px; }

what am I doing wrong? Thank you!!

May 16, 2015 at 8:00 pm #445295

gharding
Participant

I already figured out another way to do this, but just wondering for the future, what code would have worked for me to reference the css class name I designated for the text box?

thank you

May 18, 2015 at 5:50 pm #445899
Yigit
Keymaster
Hey!

Code you used should have worked. You may need to add !important rule as following
```
.avia_texblock.blue-text-box { background-color: red !important; padding: 10px !important; }
```
Best regards,
Yigit
May 18, 2015 at 6:44 pm #445947

gharding
Participant

that didn’t work either: see this test I did: http://california-apmp.org/wp/test/

thanks

May 18, 2015 at 7:06 pm #445960

Yigit
Keymaster

Hi!

I cannot see custom CSS class – http://i.imgur.com/Dhl33wI.png
http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/

Best regards,
Yigit

May 18, 2015 at 7:39 pm #445985

gharding
Participant

this is how I set the CSS class: https://www.dropbox.com/s/2ylrieup65vggh3/Screen%20Shot%202015-05-18%20at%2010.36.02%20AM.png?dl=0

Isn’t that right?
g

May 18, 2015 at 7:43 pm #445991

Yigit
Keymaster

Hey!

You are giving custom class to Color Section element. Please edit Text Block element and give custom class to it

Best regards,
Yigit

May 18, 2015 at 7:51 pm #445997

gharding
Participant

wow, I did it, but still not working ;>(

g

May 18, 2015 at 7:55 pm #445998
Yigit
Keymaster
Hey!

Please use the code as following
```
.blue-text-box {
  background-color: red!important;
}
```
Best regards,
Yigit
May 18, 2015 at 7:59 pm #446006

gharding
Participant

that worked, thank you!!!

gary
Author

Posts

Viewing 10 posts - 1 through 10 (of 10 total)

The topic ‘Trying to follow these direction to color text box…’ is closed to new replies.