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