[mpierisParticipant]

Hi Team,

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

[ChristopherModerator]

Hi there,

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.

[John EzraMember]

Hi there,

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!

[mpierisParticipant]

Hi!

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!

[ZeshanMember]

Hi there,

#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.

[mpierisParticipant]

Hi,

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.

[ChristopherModerator]

Hi there,

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

Thanks.

[mpierisParticipant]

This reply has been marked as private.

[FriechModerator]

Hi There,

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!

[mpierisParticipant]

Hi,

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

[Paul RModerator]

Hi,

To add a white line between the top and bottom footer, you can add this under Custom > CSS in the Customizer.

.x-colophon.bottom {
     border-top: 1px solid #fff;
}

with regards featured image, you can add this under Custom > CSS in the Customizer.

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

You may change .5 to adjust the opacity.

Hope that helps.

[mpierisParticipant]

Hi,

For the filter on the image nothing to say except thank you it works nicely.

Concerning the line I added your code and you can have a look http://www.surface85.com it doesn’t look like it was before http://prntscr.com/6z27ey

I just want it the way it was before. I think the bottom footer should look like smaller than the top one since you have a menu in the top one. With this line in the middle both have the same size.

Can we fix that please?

Thank you so much!

[Paul RModerator]

Hi,

Please change the code given above that reads.

.x-colophon.bottom {
     border-top: 1px solid #fff;
}

with this

footer.x-colophon.bottom {
      padding: 0;
}

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

Hope that helps.

[mpierisParticipant]

Great Thank you so much!!!!

Have a nice day.

[ChristopherModerator]

You are welcome.

Have a nice day too.

[Author]

Posts