|
Erica Harrold
|
August 28, 2014 at 3:32 pm
I’m using the Iced Mocha theme, which has a “custom CSS” field in its theme settings. CSS changes that I’m making there are not overriding the stylesheets consistently, especially when setting styles for EE4 add-ons like the Table View addon for EE4.
|
|
Lorenzo Orlando Caum
|
August 28, 2014 at 8:10 pm
Hello,
Try using a plugin like Reaktiv CSS builder or My Custom CSS which loads the CSS file after the theme.
Then force refresh to see the changes:
http://en.support.wordpress.com/browser-issues/#force-refresh
—
Lorenzo
|
|
Erica Harrold
|
August 29, 2014 at 12:56 pm
I’ve tried three different CSS override plugins (including the two you recommended) and none have worked. Could it be an issue in Iced Mocha or the Table View plugin?
|
|
Lorenzo Orlando Caum
|
August 29, 2014 at 2:44 pm
What is the change that you are trying to make and does it work in your local browser via Firebug or Chrome Developer Tools?
If possible, please post the actual CSS here along with a link so we can check into this.
—
Lorenzo
|
|
Erica Harrold
|
August 29, 2014 at 3:33 pm
Here is the code I’m trying to modify:
.entry-content fieldset, #content tr td, #content tr th, #content thead th {
border-color: #82311a;
}
I’m just trying to change the color of the border in this situation, but any attempt to change the css for the table-view addon is failing. And yes, I’ve been successful at changing it in Firebug.
|
|
Lorenzo Orlando Caum
|
August 29, 2014 at 4:43 pm
What is the page where you are applying that to?
—
Lorenzo
|
|
Erica Harrold
|
August 29, 2014 at 5:49 pm
http://www.srsandbox.net/events-all
|
|
Dean
|
September 2, 2014 at 4:46 am
Hi Erica,
I have tested out the above code in the Iced Mocha theme’s custom cSS and it worked as intended ( http://take.ms/wlq8o I made mine yellow for clarity).
Looking at your site, it should still function as the Iced Mocha custom css is being output after the tables css.
Can you please add the above code to the Iced Mocha custom CSS section so we can examine it on site please?
|
|
Erica Harrold
|
September 2, 2014 at 11:45 am
OK. I just added the following code to the Iced Mocha custom CSS section:
.entry-content fieldset, #content tr td, #content tr th, #content thead th {
border-color: #fff;
}
It doesn’t alter the border around the events table.
|
|
Lorenzo Orlando Caum
|
September 2, 2014 at 2:45 pm
Try this updated CSS:
.entry-content fieldset, #content tr td, #content tr th, #content thead th {
border-color: #fff !important;
}
—
Lorenzo
|
|
Erica Harrold
|
September 2, 2014 at 3:06 pm
I tried that and still no luck…
|
|
Lorenzo Orlando Caum
|
September 2, 2014 at 3:20 pm
The following style is appearing multiple times in the page source:
.entry-content fieldset, #content tr td, #content tr th, #content thead th {
border-color: #ffffff;
}
Remove it from all of the sources that you have added it through and save changes.
Then add the following to the custom CSS area of your theme and save changes:
.entry-content fieldset, #content tr td, #content tr th, #content thead th {
border-color: #fff !important;
}
Then clear your cache for your caching plugin.
Also ensure that no-cache rules are running:
https://eventespresso.com/wiki/setup-nocache-exclusion-rules-event-espresso/
—
Lorenzo
|
|
Erica Harrold
|
September 2, 2014 at 4:35 pm
OK, the Iced Mocha custom CSS is still failing – but the “Adding CSS” plugin works with the !important; code added.
Many thanks!
|
