In reply to: making changes to new Jetpack contact form via child style sheet

#28086

OK – got the answer from the Jetpack folks. I added the following code to the child theme:

.email {

margin-left: 0 !important;

float: none !important;

}

and all is well.

In reply to: making changes to new Jetpack contact form via child style sheet

#28085

OK, I’m still pondering this and I think I maybe now understand enough to ask the right question in a reasonably simple manner, so here goes:

The parent theme css includes the following code:

.post-meta .post-author,

.post-meta .edit-post,

.post-meta .post-date-inline, .email,

.print {

display: block;

float: right;

position: relative;

}



.post-meta .edit-post,

.post-meta .post-date-inline,

.email,

.print, {

margin-left: 5px;

}

I want to use a child theme to change it to:

.post-meta .post-author,

.post-meta .edit-post,

.post-meta .post-date-inline,

.print {

display: block;

float: right;

position: relative;

}



.post-meta .edit-post,

.post-meta .post-date-inline,

.print, {

margin-left: 5px;

}

The previous changes I’ve made using the child theme either change existing parameters (such as font) or add new statements that aren’t included in the parent theme.

What I’m trying to do here is SUBTRACT something from the parent theme. It looks like what’s happening is that simply pasting the revised text into the child theme doesn’t work because it doesn’t remove the .email parameter that’s imported from the parent.

So – how do I use the child theme to remove something from the parent as opposed to changing or adding to it?

Thanks!

[=sfc=]

In reply to: making changes to new Jetpack contact form via child style sheet

#28084

I’m sorry – I’m still confused. And I realize part of the problem is that I was inaccurate in titling the post. I’m not trying to edit the plug-in; I’m trying to edit the child theme css so the plug-in works right. Here’s how I’m thinking about this, and I’m happy for any advice you can offer at any level:

1) I don’t use much of Jetpack (mostly the stats) but I’ve been assuming that since it’s done by the folks at Automattic it will have fewer compatibility issues than plugins developed by other people. Feel free to disabuse me of this idea if it’s wrong.

2) I can’t find the class .email in the plug-in. In any event, I haven’t tried my hand at editing php yet so I wouldn’t know where to begin even if I did find it.

3) When I edit the child theme, I’ve been tacking on changes to the end of the style sheet, for no particularly good reason other than it’s easy to find. Should I be doing something more sophisticated and is there ever a situation where order makes a difference? Or in other words, what am I doing wrong that when I edit the parent css it has the desired effect, but when I tack the edited lines onto the child css is does nothing?

4) I did find another couple instances of the class .email in the Graphene style sheet, first at line 1091:

.email img{

vertical-align: bottom;

}

and again at line 1109:

.email a:last-child {

display: none;

}

.email a:first-child {

display: inline;

}

Are any of these things that I would need to change in the child css to make the whole thing work? (And if so, why does it work if I don’t change them in the parent?)

Thanks for your patience for reading this far… and thanks for helping out all us rank amateurs!

In reply to: making changes to new Jetpack contact form via child style sheet

#28080

Oh – forgot to ask: is there anything else in the theme that is affected by the .email class – i.e. am I creating any other problems for myself by making these changes?