Return to previous page

Footer and Sales Price Location - by Mark

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

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

#266136 Copied Theme version: 787277446323582421634

4 Answers
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">
 
 </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
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

#266432 Copied

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!

#266434 Copied
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
#266629 Copied
Viewing 5 results - 1 through 5 (of 5 total)