Site logo

Archived topic

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

7 replies · Started by Janet Davis on March 29, 2018

Viewing posts 1–8 of 8

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

Hi there,

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

Let me know :)

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

Thanks
Jan

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

.page .ck_form.ck_naked {
    margin: 0
}

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
}

It's getting overwritten. Try this instead:

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

Thank you so very very much! This worked perfect.

No problem!

This archived topic is closed to new replies.