[Resolved] CSS to have the left and right side of the header line up

[Janet Davis]

Hello and thank your for your help!

I have the logo on the left side of the header and an opt-in form on the right.
I’ve tried different css and I have not been able to line them up.

THank you
Jan

[Leo]

Hi there,

Are you looking to move the header widget up or logo down?

Let me know 🙂

[Janet Davis]

Hi Leo,
I guess to move the widget header up.
It didn’t really matter just so they matched.

Thanks
Jan

[Leo]

The widget has top and bottom margin added which you can remove with this CSS:

.page .ck_form.ck_naked {
    margin: 0
}

[Janet Davis]

Hi Leo,
I put this into the CSS in GP, but it didn’t do anything.
I’ve been playing with different CSS on the site and didn’t know if anything else I had done would cause the issue too I am pasting all the css I have on the site here.
Thank you

Jan

/*posts align*/

.wp-show-posts-entry-header {
text-align: center;
}

/*front page between sections*/
#generate-section-1 .generate-sections-inside-container {
padding-top: 40px;
padding-bottom: 0px;
}

#generate-section-2 .generate-sections-inside-container {
padding-top: 0px;
padding-bottom: 0px;
}

#generate-section-3 .generate-sections-inside-container {
padding-top: 0px;
padding-bottom: 0px;
}

/*social media icon size*/
.widget_wpcom_social_media_icons_widget .genericon {
font-size: 30px;
}

.page .ck_form.ck_naked {
margin: 0
}

[Leo]

It’s getting overwritten. Try this instead:

.page .ck_form.ck_naked {
    margin: 0 !important;
}

[Janet Davis]

Thank you so very very much! This worked perfect.

[Leo]

No problem!

[Author]

Posts