Built by owners, for owners.
Replies: 5 - Pages: 1 - Last Reply: Jul 24, 2021 1:28 PM by: Ken T
Danica C
Registered: 2/7/20
CSS help

Hi everyone. I am kind of OCD about my website look. I want all headings and titles matched by color, etc. This means I will use the CSS portion of OwnerRez with my widgets. I know how to use CSS but I don't know how to use it on OwnerRez. For example, on my website, I would write the CSS and give each style a name, and then I would call that name in the html code when I wanted to use that style. However, with a widget, I don't know what names the widget is calling. I can't see the widget code. How do I use CSS on OwnerRez? Specifically, I want the headings on my fillable blanks (like name, phone number on the quoting/inquiry widget) to be navy blue instead of black. How would I get that? Thanks!

Here is the widget on my page:

Chris Hynes
Registered: 10/19/12
Re: CSS help

You can also apply CSS on element types or other classes already there. In this case it looks like you already figured it out :-D -- apply the color on the label element.

We do need to go through and give each element in the widgets its own class so it's even easier to style -- that's on our voluminous TODO list already ;-)

Chris W
Registered: 4/2/20
Re: CSS help

I'm Having a similar issue and can't figure out how to get the Book Now Quote Info Box colors changed. I found that the class=booknow-quote-info box and changed the information I needed changed to:

.background-color {rgb(191, 248, 70)}
.background-image {linear-gradient(rgb(191, 248, 70) 0%, rgb(167, 215, 62) 100%)}
.border-bottom-color {rgb(0, 128, 0)}
.border-left-color {rgb(0, 128, 0)}
.border-right-color {rgb(0, 128, 0)}
.border-top-color {rgb(0, 128, 0)}
.color {rgb(0, 128, 0)}
.alert-info {
rgb(0, 128, 0)}

posted this in the OwnerRez Widget but doesn't seem to work. Am I missing something by not listing the CSS class?

Chelle W
Registered: 3/25/21
Re: CSS help

Hello! I am needing help with all this technical set up. Is this something you offer? Thanks!

Ken T
Registered: 8/7/19
Re: CSS help

Have you taken a look at this page?


If you have more specific questions, please write in to the Helpdesk with a detailed description of what you're trying to do, and we'll see if we can assist.

Pages: 1