Remove Table CSS and Change Colours

peterlum

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

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; }

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

peterlum

Yes, only for this section. Thanks!

peterlum

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

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

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.

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

peterlum

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

Setup classname - how?

Use - how?

Thank you.

Albert

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.

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

peterlum

I see many fields:

Title

Style

CustomID

Cusom CS classes

Which is the one to edit?

peterlum

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

Am I doing it right?

Albert

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.

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

peterlum

ok, the class is 'rediconclass'

Albert

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

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

peterlum

Thanks, it works!

Albert

You're welcome

Learn more: Video Tutorials | How To | FAQ Vote on what comes next