Title: Plugin CSS
Last modified: August 31, 2016

---

# Plugin CSS

 *  [alaina13](https://wordpress.org/support/users/alaina13/)
 * (@alaina13)
 * [10 years, 2 months ago](https://wordpress.org/support/topic/plugin-css/)
 * Hello!
 * I’m trying to change the .title-meta and .entry-title style to better fit with
   my theme. I tried to override your plugin CSS by adding it to my style.css file
   and editing it but to no avail. Any thoughts on what could be done?
 * I’m still learning, so if this is just my lack of knowledge let me know. 🙂
 * [https://wordpress.org/plugins/genesis-staff-bio-grid/](https://wordpress.org/plugins/genesis-staff-bio-grid/)

Viewing 3 replies - 1 through 3 (of 3 total)

 *  Thread Starter [alaina13](https://wordpress.org/support/users/alaina13/)
 * (@alaina13)
 * [10 years, 2 months ago](https://wordpress.org/support/topic/plugin-css/#post-7163595)
 * Wanted to just add some info:
 * I’m using the shortcodes instead of the archive page.
 * Here is the code all the code I’m trying to edit and what I’m trying to edit 
   it to. When I inspect it using Chrome, it shows both sets of CSS, but the plugin
   overrides my theme CSS.
 * Current code
 *     ```
       .title-meta {
       	background: rgba(0, 0, 0, 0.5);
       	padding: 10px;
       	position: absolute;
       	bottom: 0px;
       	width: 100%;
       	color: white;
       	font-size: 13px;
       	line-height: 1.3em;
       	font-weight: bold;
       }
   
       .staff-grid-archive .content .entry-title a,
       .staff-profile .entry-title a,
       .staff-member.type-staff-member .entry-title a {
       	color: #fff;
       	border:none;
       }
   
       .staff-grid-archive .content .entry-title a:hover ,
       .staff-profile .entry-title a:hover ,
       .staff-member.type-staff-member .entry-title a:hover {
       	color:rgba(255,255,255,0.6);
       }
       ```
   
 * New/desired code
 *     ```
       .title-meta {
       	background: none;
       	position: inherit;
       	padding-top: 0px;
       	bottom: 0px;
       	width: 100%;
       	font-size: 13px;
       	line-height: 1.3em;
       	font-weight: bold;
       }
       .staff-grid-archive .content .entry-title a,
       .staff-profile .entry-title a,
       .staff-member.type-staff-member .entry-title a {
       	text-decoration: none;
           color: #c01414;
       }
   
       .staff-grid-archive .content .entry-title a:hover ,
       .staff-profile .entry-title a:hover ,
       .staff-member.type-staff-member .entry-title a:hover {
       	color: #55acee;
       }
       ```
   
 *  Plugin Author [Jon Schroeder](https://wordpress.org/support/users/jonschr/)
 * (@jonschr)
 * [10 years, 2 months ago](https://wordpress.org/support/topic/plugin-css/#post-7163866)
 * If you put “body” in front of each selector, that will let you override it pretty
   easily without sticking !important declarations everywhere.
 * So something like this:
 * body .staff-grid-archive .content .entry-title a,
    body .staff-profile .entry-
   title a, body .staff-member.type-staff-member .entry-title a { color: #fff; border:
   none; }
 * Do be careful on the .title-meta one; that’s a class that might happen to be 
   used for some other things that you may not want to edit.
 *  Thread Starter [alaina13](https://wordpress.org/support/users/alaina13/)
 * (@alaina13)
 * [10 years, 1 month ago](https://wordpress.org/support/topic/plugin-css/#post-7163867)
 * Thanks! I will try that and let you know how it goes. Thanks too for the heads
   up about the title meta. That class is where most of my edits are. I do not believe
   that the class exists anywhere else in the CSS for my site. I’ll double check,
   though.

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Plugin CSS’ is closed to new replies.

 * ![](https://s.w.org/plugins/geopattern-icon/genesis-staff-bio-grid_644235.svg)
 * [Genesis Staff Bio Grid](https://wordpress.org/plugins/genesis-staff-bio-grid/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/genesis-staff-bio-grid/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/genesis-staff-bio-grid/)
 * [Active Topics](https://wordpress.org/support/plugin/genesis-staff-bio-grid/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/genesis-staff-bio-grid/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/genesis-staff-bio-grid/reviews/)

## Tags

 * [css](https://wordpress.org/support/topic-tag/css/)
 * [style](https://wordpress.org/support/topic-tag/style/)

 * 3 replies
 * 2 participants
 * Last reply from: [alaina13](https://wordpress.org/support/users/alaina13/)
 * Last activity: [10 years, 1 month ago](https://wordpress.org/support/topic/plugin-css/#post-7163867)
 * Status: not resolved