Remove Table CSS and Change Colours

peterlum · May 2015

Hi

I have a page:

http://nwa/home/techsupport/

How do I:

1. Remve the CSS for the table because everything I click unto the table row, the background becomes blue colour.

2. Change the color of the EXCLAMATION MARK icon to red

3. change the SEND button to Red.

Thank you.

Albert · May 2015

Hey,

1. Answer on this question you will find under other topic http://forum.muffingroup.com/betheme/discussion/453/how-to-make-a-plain-table

2. Do you want to change color for icon only in this section? Because if you mean only this section, you must setup class name for section first and then let us know so we can show you how to do this.

3. To change button background color, please use below css:

a.button_theme, a.tp-button.button_theme, button, input[type="submit"], input[type="reset"], input[type="button"] { background-color: #000 !important; }

peterlum · May 2015

Yes, only for this section. Thanks!

peterlum · May 2015

I put the following in :

table tr:first-child td { background: none; }
table tr:hover td { color: #6E6262; }
table tr td { border: none; text-align: left; }
table tr:nth-child(2n) td { background: none !important; }

But the table becomes weird; some parts there is a hover highlight and some parts doesn't

peterlum · May 2015

Solved. Using:

/* clear table css */

table tr:first-child td { background: none; }

table tr:hover td { color: black; }

table tr td { border: none; text-align: left; background: none !important;}

</style>

Now, how to change the color of the icon in this page only?

Albert · May 2015

If you want to change icon color for this section only, please setup class name as we mentioned before for this section and then we'll give you right css.

peterlum · May 2015

Can you give an example, as I am not sure who to proceed.

Setup classname - how?

Use - how?

Thank you.

Albert · May 2015

All info about class name for section you can read on http://themes.muffingroup.com/betheme/documentation/#section, so just setup class name and let us know when this will be ready and we'll tell you how to change it's color.

peterlum · May 2015

I see many fields:

Title

Style

CustomID

Cusom CS classes

Which is the one to edit?

peterlum · May 2015

I added 'rediconclass' into the field 'Custom CSS classes'.

Am I doing it right?

Albert · May 2015

As we wrote previously, it's Custom CSS classes. And inside this filed must be class name if you want to change elements only inside this section.

peterlum · May 2015

ok, the class is 'rediconclass'

Albert · May 2015

Ok. So now you can change it's color within below css:

.rediconclass .fancy_heading_icon i { color: #000 !important; }

More information about similar customizations you can read on http://themes.muffingroup.com/betheme/documentation/#theme-customizations

peterlum · May 2015

Thanks, it works!

Albert · May 2015

You're welcome

Remove Table CSS and Change Colours

Comments