Welcome to Community Week 2025! Join us to learn, connect, and be recognized as we celebrate the spirit of Community and the power of AI. Get the details  

Employee Center. Footer

Sheh
Tera Contributor

Hi ,

 

Please;

 

1) How can I increase the size of the icons social media

Chah_0-1678280391619.png

 

2) In my instance, I have a clock icone in the right corner, how can i hide it.

 

Thank you

Regards

1 ACCEPTED SOLUTION

Community Alums
Not applicable

Hello @Sheh ,

For this u need to add HTML code in "Employee Center Footer".

Add this line of code:

<h6 style="padding-right: 64.2rem;padding-top: 2.2rem;">{{c.data.footer.copyright}}</h6> 

And Comment/remove this line of code:

<!-- <div class="sf-copyright" align="center">{{c.data.footer.copyright}}</div> --> 

Please refer the SS for clarification:

Screenshot 2023-03-11 013416.png

 

U can change the CSS (padding-right and padding-top) as per the ur requirements of UI/UX.

 

Result:

Khushbookabra_0-1678478830876.png

 

@Sheh , Please mark my answer as accepted solution and helpful. If it is works for you.

 

Thank you.

View solution in original post

8 REPLIES 8

Community Alums
Not applicable

Hi @Sheh ,

 You have to Navigate to Service Portal> Headers & Footers > Employee Center Footer

For your Question :  2) In my instance, I have a clock icone in the right corner, how can i hide it.

You can find in "Body HTML template" and focus on " <div class="sf-bottom-right">", Just comment out the Icon which you don't want from this:

SandeepDutta_0-1678328403000.png

Now, for your other question :1) How can I increase the size of the icons social media

You can check the "CSS" Section here :

SandeepDutta_1-1678328532293.png

 

Hi,

 

Thank you.

What is the line that allows me to increase the size?

How can I do it ?

Can you give me an example ?

 

Thank you for help

Regards

Community Alums
Not applicable

Hello @Sheh ,

 

For to increase the size of social media, u need to do CSS override. Write the below code in CSS of "Employee Center Footer"  (by default the size of social icons are calculated as font-size: 2rem in code, I wrote 6rem. U can increase the size as per ur requirements) like this: -

 

.scrub-footer .sf-bottom .sf-bottom-right .sf-social-icons .sf-social-icon {
font-size: 6rem;
}

 

Khushbookabra_0-1678389742913.png

 

Result:

Khushbookabra_0-1678427572099.png

 

As per my understanding u want to hide the performance indicator icon, for to remove this clock icon:

Khushbookabra_1-1678390051027.png

for this u need to comment/remove the HTML code from the widget "Performance Indicator".

Type widget in the filter navigator--> go to "performance Indicator" widget.

Khushbookabra_2-1678390179842.png

plz comment out this 5 lines of code of the div.

 

@Sheh , Please mark my answer as accepted solution and helpful. If it is works for you.

 

Thank you!

Hi,

Thank you. I have another need please.

I want to have 'copyright' in the botom and midlle (not on right side), but I can t.

Sheh_0-1678449516354.png

Regards