Footer and Sales Price Location - by Mark

This topic has 5 replies, 2 voices, and was last updated 3 years, 1 month ago ago by Olga Barlow

  • Avatar: Mark
    Mark
    Participant
    December 29, 2020 at 12:41

    Hi, I would like to change the footer block back to adding the social media logos inbetween the R graphic and the © Created with by 8Theme. Ideally I would like the Pinterest followed by Facebook, Instagram and Twitter.

    Is there a way I change these social media footer logo colours, as well as the footer frame color? Currently it is at #333333.

    Also is there a way where I can change the logo foot to that of 9% more on the right?
    I tried the following code to add on the css but it doesn’t seem to work on Customization

    4 Answers
    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    December 31, 2020 at 12:20

    Hello,

    1) Use the following code to add the socials to your footer

    <ul class="menu-social-icons ">
    <li>
        <a href="#" class="title-toolip tooltipstered" target="_blank">
            <i class="ico-twitter"></i>
        </a>
    </li>
    <li>
        <a href="#" class="title-toolip tooltipstered" target="_blank">
            <i class="ico-facebook"></i>
        </a>
    </li>
    <li>
        <a href="#" class="title-toolip tooltipstered" target="_blank">
            <i class="ico-pinterest"></i>
        </a>
    </li>
    <li>
        <a href="#" class="title-toolip tooltipstered" target="_blank">
            <i class="ico-envelope"></i>
        </a>
    </li>
    <li>
        <a href="#" class="title-toolip tooltipstered" target="_blank">
            <i class="ico-facebook"></i>
        </a>
    </li>
    </ul>

    2) I don’t see #333 color in footer. Could you, please, provide screenshot of the elements that you want to change there?

    3) You can use the Static Block widget and WPBakery page builder for the static block to place logo at the center with the negative margin to move to the right. Watch video tutorial on how to create footer using static block https://youtu.be/KWAQRXZXsaw

    Regards

    Avatar: Mark
    Mark
    Participant
    January 2, 2021 at 01:11

    Hello,

    Here is the screenshot for 2): https://paste.pics/c809b54a908cc913a2f574203c741d54.

    For 3) I meant it was for the sales logo for the products to move 9% more onto the right. Thanks

    Avatar: Mark
    Mark
    Participant
    January 2, 2021 at 01:46

    For the screenshot the dark grey is on the left and right sides. Also can the width of the footer also increase down?

    Happy new years!

    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    January 4, 2021 at 09:42

    Hello,

    2) Add the below code to Theme Options > Custom CSS to change the bg color of the social icons

    .main-footer-2.text-color-default .menu-social-icons i {
        background-color: #cca762 !important;
    }

    If you want to change the footer bg color go to Theme Options > Footer > Footer 2 Background Color
    3) Add the below code to Custom CSS to move the sale label to right

    .type-label-2 {
        left: 20px;
    }

    Regards

  • Viewing 5 results - 1 through 5 (of 5 total)

You must be logged in to reply to this topic.Log in/Sign up

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.