Black Friday & Cyber Monday Offer | Flat 20% OFF on Lifetime & All Themes Package. Use coupon code BFCM24 | Offer valid till 5th Dec 2024 Buy Now

WordPress Website Templates

Find Professional WordPress themes Easy and Simple to Setup

inner banner

Prayer – Footer Social Icons – Center

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #23816
    april
    Participant

    We only have 4 Social Icons so the footer looks wonky with how they are positioned

    I want to center the 4 that are there
    What selector do I use and what css to center horizaontally?

    #23832
    Grace Support
    Keymaster

    Hi,

    Please share your website URL so we can check and assist you quickly.

    Regards
    Grace Themes

    #23886
    april
    Participant

    it is in development mode so I cannot share anything that you can see

    I just need to know how to align the social icons bar across the bottom of the prayer pro theme within the morgins horizontally. we are only using 4 of the 5 so that leaves an empty space on the right side of the page

    what css what I use to align the social icons
    also what css can I used to turn off or change the black background as it is too hard to see with the colors of our branding

    #23907
    Grace Support
    Keymaster

    Hi,

    To align the social icons in footer section
    Go to the Appearance -> Editor -> style.css
    add below css code

    .footer .social-icons { text-align: center; }
    .footer .social-icons a { display: inline-block; float: none; }

    Th option is available in Appearance -> Theme Options -> Basic Settings to change the background color of footer

    Regards
    Grace Themes

    #23926
    april
    Participant

    Actually I want the entire section of social icons centered within the margins
    each individual social icon is already centered within it’s own I want the entire block of icons centered horizontally on the page

    #23945
    Grace Support
    Keymaster

    After adding this above css code in style.css file, check your site by clearing the browser/site cache.

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