I have few little questions:

1/ I tried to add some left & right margin on my footer (widget + bottom) because my logo and text was at the extreme left and right without any space (didn’t look good).

I worked with a developer he added that on my Custom CSS

footer.x-colophon.bottom .x-colophon-content{
float:left;
border-bottom: 0px;
}

footer .x-container-fluid.max.width{
border-top: 1px solid #eee;
padding-top: 10px;
}

#top footer .x-container-fluid.max.width{
border-top: 1px solid #eee !important;
}

footer.x-colophon .widget {
margin-top: 20px;

}

My issue here is that the margin are not clean, there are not at the same level than the footer see white arrow here: http://prntscr.com/6z27ey

How can we fix that please?

2/ On the print screen http://prntscr.com/6z27ey you can see a big red arrow. I would like to know how can I change the text color on the footer menu and bottom footer text. Right now I have a dark grey and it’s pretty hard to see.

3/ Finally I would like to know how can I have less opacity on the post slider.

Thank you for you support and help.

Have a great day.

my website: http://www.surface85.com
Wordpress + Theme = Last update

Please add the following CSS under Customize -> Custom -> CSS :
#1

#top footer .x-container-fluid.max.width {
  border: none !important;
}

#2

footer.x-colophon .widget ul li a{
  color: red;
}

#3

.x-post-slider-entry>a{
  background-color: rgba(0,0,0,0.3);
}

Hope it helps.

Thanks for writing in! You can add this under Custom > CSS in the Customizer or in your child theme’s style.css file.

#1

#top footer .x-container-fluid.max.width {
    border-top: none!important;
}

#top footer.x-colophon.bottom div.x-container-fluid.max.width {
    border-top: 1px solid #eeeeee!important;
}

#2

footer.x-colophon.top .widget ul li a, 
footer.x-colophon.top .widget ol li a{
    color: rgba(255, 255, 255, 0.8);
}

footer.x-colophon.top .widget ul li a:hover, 
footer.x-colophon.top .widget ol li a:hover {
    color: #991515;
}

#3

/* Change the last value from 0 - 1 (decimals in between) */
a.entry-thumb.featured:before {
    background-color: rgba(0,0,0,0.25);
}

a.entry-thumb.featured:hover:before {
    background-color: rgba(0,0,0,0.5);
}

Note: On rgba color value the last decimal is the alpha channel or in other words transparency. 1 is equal to 100%, likewise 0 is 0%. in the one above I have raised each by 0.25 from original values.

Hope this helps – thanks!

Thank you!
1 and 2 worked perfectly I’m very happy about that 🙂

3: I don’t see any difference. I tried both code few times and change the numbers to see but nothing really changed. I just want the before hover slide image to have a ligther filter. This filter makes the pictures really dark.

Thank you so much for your time!!
Cheers!

#3: Please try this code instead:

/* Change the last value from 0 - 1 (decimals in between) */
.x-post-slider-entry>a {
  background-color: rgba(0,0,0,0.25);
}

Hope this helps. 🙂

Thank you.

For some reasons that I can’t understand all the css you gave me don’t work anymore.
Plus I lost a white line that I had between the bottom footer and the top footer see: http://prntscr.com/6z27ey

Now I don’t have this white line and my menu text color is back to this dark grey which is very hard to see (with the code you gave me it was white). See: http://www.surface85.com

Please can you help me.

On another note it doesn’t seem that the code you gave to reduce the opacity of the filter on top of the slider works. I tried, changed the number to see if it becomes darker or lighter but nothing change.

Tanks for your help.

Would you provide us with login credentials in private replay so we can take a closer look at you CSS codes.

Thanks.

Upon checking on the site custom css. The last css rule does not have an closing bracket. This can void custom css underneath it.

Hope it helps, Cheers!

I just added it. Now the Css code you gave me worked but I still lost my white line that I added between the top footer and bottom. How can I add it back please?

The code you gave me to lighter the filter on the slider is great. How can I do the same on full size index featured image (it seems that they are also very dark).

Thank you for your time and patience.

Cheers