Footer background and links

Support
#1

Kindly provide me the css code for this:

All the whiteboxes are to be set as transparent or #1c1c1c.
Links and texts are to be set as #ba1c08.

#2

Hi Sathis,

Thanks for writing in!

Please add this CSS to your theme option -> CSS and let us know if that helps!

footer .x-colophon .widget ul li {
background: #1c1c1c !important;
color: #ba1c08;
}
footer .x-colophon .widget ul li a {
color: #ba1c08;
}

Hope this helps!

If you would like to learn CSS, I am sharing few resources that you take a look to get started with CSS and an interesting tool that you can use to speed up the development process.

I recommend you to watch following video that will help you to get started with CSS.

https://www.youtube.com/watch?v=MFR4WXiLzpc

Sometimes it can get a bit difficult to find out the right selector to be able to write the required CSS codes. A handy tool that can help you in this is Google Chrome dev tools. I am sharing the resource that you can refer to get started with dev tools.

https://developers.google.com/web/tools/chrome-devtools/css/

https://developers.google.com/web/tools/chrome-devtools/

https://www.youtube.com/watch?v=tP_kXBJWPhQ&t=200s

Thanks.

#3

css please:

The stack is Integrity therefore remove the borders and shadows.
all texts and links is set to #ba1c08.
Hover is #1c1c1c.

#4

Hello Sathis,

Thanks for updating the thread.

If you want to remove the border, then please add following CSS under X > Theme Options > CSS:

footer.x-colophon.top ul, footer.x-colophon.top li, footer.x-colophon.top a {
    border: none;
    box-shadow: none;
}

Thanks.

#5

How do i remove the white background area?

#6

Hello Sathis,

Thanks for updating the thread.

You can add following CSS under X > Theme Options > CSS:

footer.x-colophon.top .widget ul li {
    background-color: transparent;
    border: none; /* to remove border */
}

footer.x-colophon.top .widget ul li a {
    color: #fff; /* to change the link color */
}

footer.x-colophon.top .widget ul {
    border: none; 
}

Thanks.

1 Like
#7

How do i make the company texts white too?
i tried ul.fa-ul didnt work.

#8

Hello Sathis,

Thanks for updating the thread.

Looks like plugin is adding inline CSS and because of that text color is black. To make necessary changes, please add following CSS under X > Theme Options > CSS:

footer.x-colophon.top .widget ul.fa-ul li, footer.x-colophon.top .widget ul.fa-ul a {
    color: #fff !important;
}

Thanks.

1 Like
#10

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.