[Ruben BParticipant]

Hey guys,

The bottom/footer menu does not appear on my website.

I can’t find out why.

I have problems with those things too:

Perfect logo size

The logo looks blurry although my picture is great.

So was is the “perfect logo size”

Featured image settings

I don’t want my featured image to appear at the top of my articles.

Where do I fix this ?

Background color settings

I want all the website to have a being background.

How can I do this ?

Here is the site URL: http://goo.gl/kGLbhh

Thanks,

Ruben

[ZeshanMember]

Hi Ruben,

#1 (Footer Menu): To fix this, add following CSS under Custom > CSS in the Customizer:

body .x-colophon.bottom {
  background-color: #f3f3f3;
}

.x-colophon.bottom, .x-colophon.bottom .x-colophon-content, .x-colophon.bottom a, .x-colophon.bottom .x-nav li a {
  color: #000;
}

#2 (Perfect Logo Size): I’ve checked your logo and it’s itself blurry: http://beitalef.com/wp-content/uploads/2016/01/Beit-Alef-Logo-e1459351022110.png. Please use higher resolution image and the issue will be resolved.

#3 (Featured image settings): If you want to remove the featured image from the top of single posts page, add following CSS under Custom > CSS in the Customizer:

.single-post .entry-featured {
    display: none;
}

#4 (Background color settings): Regretfully, at this time I am not entirely certain what it is you would like to accomplish based on the information given in your post. If you wouldn’t mind providing us with a little more clarification on what it is you’re wanting to do (a link to a similar example site would be very helpful, or perhaps some screenshots), we’ll be happy to provide you with a response once we have a better understanding of the situation.

Thank you!

[Ruben BParticipant]

Hey,

Thanks for all 🙂

For the footer menu (see the attached file)

I want:

1. To black

2. To be pink

3. To be brown

I tried to modify the css you gave me but it was without success 🙁

Thanks again

[Paul RModerator]

Hi,

You can add this under Custom > CSS in the Customizer.

/* set footer links to pink */
.x-colophon.bottom .x-nav li a {
    color:#dd3333;
}

/* set footer text color to black */
.x-colophon.bottom, 
.x-colophon.bottom  .x-colophon-content {
    color:#000;
}

/* set footer background to brown */
body .x-colophon.bottom {
    color:#802A2A;
}

Hope that helps.

[Ruben BParticipant]

Hey Paul,

Thanks for your answer, but it’s not working 🙁

Maybe I did something wrong.

Thanks

[ChristopherModerator]

Hi there,

Please update previous code to :

/* set footer links to pink */
body .x-colophon.bottom .x-nav li a {
    color: #cc2274;
}

/* set footer text color to black */
.x-colophon.bottom, 
.x-colophon.bottom  .x-colophon-content {
    color:#000;
}

/* set footer background to brown */
body .x-colophon.bottom {
    background-color:#802A2A;
}

Hope it helps.

[Ruben BParticipant]

It worked, thanks you so much 🙂

Now, I need to change the main background color from white to beige.

I tried this:

https://community.theme.co/forums/topic/change-ethos-background-or-body-color/

But it does not do anything 🙁

Too bad it’s not easier to change to color of the all theme 🙁

[JadeModerator]

Hi Ruben,

Please use this CSS instead:

body, #top {
    background-color: #F5F5DC;
}

Hope this helps.

[Ruben BParticipant]

Hey Jade,

It worked but not for the blocks built with Cornerstone (expect texts)

Do you know why ?

Thank you 🙂

[RupokMember]

Hi Ruben,

Thanks for updating. You can add this too :

.x-container.main::before {
  background-color: #f5f5dc;
}

If you still face any issue, kindly provide a screenshot and the exact URL of the page so that we could understand a bit easily and assist you quickly.

Cheers!

[Ruben BParticipant]

This reply has been marked as private.

[Paul RModerator]

Hi,

You can try this code instead.

body .x-container.main:before {
    background-color: #f5f5dc !important;
}

Then for the content area you can change your section background – http://screencast.com/t/UweCXHUPpT

Hope that helps

[Author]

Posts