Black Friday Sale! Get up to $40 off GP Premium!Learn more

[Support request] Centering Footer text & image

Home Forums Support Centering Footer text & image

Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • #445248
    Howard

    Hi Tom or Leo:
    I used this code inside of simple css plugin and just added it into css space plugin area of the customizer
    .inside-footer-widgets {
    text-align: center;
    }
    The text (plus small logo image) which is inserted in widget 1…is still in left of footer instead of center.
    Now 2 things. I would assume the small text and tiny logo should stay inside WIDGET OF NO/1 FOOTER?
    So wondering what might be wrong.

    FYI the TEXT IS A TINY BIT OF COPYRIGHT INFORMATION — and it has SMALL Header logo above it INSIDE FOOTER WIDEGET 1

    see: https://www.rawassertions.com/ BOTTOM LEFT FOOTER
    Thanks
    Howard

    GeneratePress 2.0
    GP Premium 1.5.6
    #445249
    Howard

    PS
    I’m already assuming the TEXT and IMAGE can’t go into 1 css area??????
    Howard

    #445346
    Leo
    Staff
    Customer Support

    Hi there,

    I’m actually not seeing this being added:

    .inside-footer-widgets {
        text-align: center;
    }

    You should also try adding the image and copyright as 2 separate widgets under 1 widget area instead of using the caption of the image.

    #445625
    Howard

    I will try that out.
    Also.. would I be correct in assuming that if I opted to CENTER in WIDGET 1 the text ( without the logo caption) it would indeed, move to center ? (Footer Widget has this option) WHY do I NEED CSS if widget has a left-center-right OPTION???
    Thanks

    #445676
    Leo
    Staff
    Customer Support

    Where are you seeing that option?

    If you are referring to the footer bar alignment, they are different things.

    #445753
    Howard

    Yes…after adding the code, the FOOTER WIDGET 1 opens option for left center right placement; for the caption image and text….no need to add them seperately!! Thank so much!

    Also: is there a way when I put TOMS social icons on desktop HEADER.,,the icons are on upper right as placed. For mobile they move to above logo (top)
    Can they be put on mobile to THE RIGHT SIDE as to be IN LINE with the Logo on left?
    thanks
    Howard

    #445806
    Leo
    Staff
    Customer Support

    Hmm I don’t think you would have enough room on mobile.

    You can add it in first then I can have a look?

    #445935
    Howard

    Sure… will let you know

    #448687
    Howard

    Hi Leo /Tom
    Will this GP info possibly help get
    TOM social icons on RIGHT side of Navigation Menu. ( or must I use fontawsome? Tom’s look better!)
    Is below for fontawsome only?)

    There’s a couple of steps here:

    1. In “Appearance > Menus”, expand the “Screen Options” panel at the top right of the page.
    2. Select the checkbox for “CSS Classes”.
    3. Now open you menu item, and give it a class we’ll use later – like “your-class-name”.

    Now, you can add this CSS:

    .your-class-name {
    float: right;
    }
    Thanks

    #448741
    Leo
    Staff
    Customer Support

    Yeah you can’t add widget in menu so FontAwesome should be used here.

    This article should explain everything: https://docs.generatepress.com/article/adding-icons-to-menu-items/

    Let me know if this helps.

    #448771
    Howard

    Will try it out- are there color options or size variations available?

    #448784
    Leo
    Staff
    Customer Support

    We can style them different using similar method here: https://docs.generatepress.com/article/adding-buttons-navigation/

    Let me know if you get stuck 🙂

    #450798
    Howard

    Hi:
    “Adding Buttons in Navigation” article you referred me to.
    Will this adjust fontawsome social icon COLOR options and/ or sizing of icons if used in MENU BAR?
    Howard

    #450936
    Leo
    Staff
    Customer Support

    Yup.

    You can also add this style to change the size:
    font-size: 15px;

Viewing 14 posts - 1 through 14 (of 14 total)
  • You must be logged in to reply to this topic.