Return to previous page

Topic: Footer and Sales Price Location - by Mark

Mark

Participant

December 29, 2020 12:41 pm

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 Theme version: 787277446323582421634

#266136 copied to clipboard
Olga Barlow

Support staff

December 31, 2020 12:20 pm
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"> </a> </li> <li> <a href="#" class="title-toolip tooltipstered" target="_blank"> </a> </li> <li> <a href="#" class="title-toolip tooltipstered" target="_blank"> </a> </li> <li> <a href="#" class="title-toolip tooltipstered" target="_blank"> </a> </li> <li> <a href="#" class="title-toolip tooltipstered" target="_blank"> </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
#266387 copied to clipboard
Mark

Participant

January 2, 2021 1:11 am

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

#266432 copied to clipboard

Mark

Participant

January 2, 2021 1:46 am

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!

#266434 copied to clipboard
Olga Barlow

Support staff

January 4, 2021 9:42 am
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
#266629 copied to clipboard