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

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

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

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #535034
    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

    GeneratePress 2.0.2
    GP Premium 1.6.2
    #535267
    Leo
    Staff
    Customer Support

    Hi there,

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

    Let me know 🙂

    #535409
    Janet Davis

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

    Thanks
    Jan

    #535698
    Leo
    Staff
    Customer Support

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

    .page .ck_form.ck_naked {
        margin: 0
    }
    #535738
    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
    }

    #535792
    Leo
    Staff
    Customer Support

    It’s getting overwritten. Try this instead:

    .page .ck_form.ck_naked {
        margin: 0 !important;
    }
    #536067
    Janet Davis

    Thank you so very very much! This worked perfect.

    #536303
    Leo
    Staff
    Customer Support
Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.