Post page like in pc

Support
#1

Hello! My website is: http://fitness-funcional.com/
And I dont know why when you entry inside the post page called “artículos” you can see allright with PC (black letters and white background).
But when you entry with your mobile phone, you cannot she the letters, because these are grey and the background is black:

Do you know how can i change it and see just the same in mobile phone like in PC? I think that in the PC is perfect and I want to see it in the mobile phone exactly like in the PC, but in the mobile phone the rest of the sections are perfect. It´s only this. Thank you so much.

#2

Hi @fitnessfuncional,

Thanks for writing in.

Add this in your custom CSS:

This code below will change all text color on mobile devices.

@media (max-width: 979px){
     h2.entry-title{
        color:#FFF; /* Change Header text color*/
     }
     .p-meta > span > a{
         color:#FFF; /* Change meta text color*/
     }
    .entry-content p{
     color:#FFF; /* Change body text color*/
     }
}

Or add this in your custom CSS to change the background into white.

@media (max-width: 979px){
.x-container>.offset{
    background: #FFF;
    padding: 10px;
}
}

Hope it helps.

Let us know how it goes.

Thanks.

#3

Sorry, I think that the problem is not solved and I didnt explain me right. In all places you can see black letters inside a white background, but the section “articulos” is the only one where the letters are in black without this background. How can I put the white background only in this section like in the others? You can see the right letters with the right background in the next example:

Thank you.

#4

Hi there,

Please add this code in the CSS panel:

@media (max-width: 979px) {
    .blog .x-main {
        background-color: #fff;
        padding-left: 20px;
        padding-right: 20px;
    }
}

Hope this helps.

#5

Thank you so much. This works now perfect. My last question is that when you entry inside a post, the title of the post is too dark (like background) and you cannot see it right in all devices. Do you know how can i change these letters to other colour like white, for example? Thank you!

#6

Hi There,

It is best to know how to use browser dev tools to achieve this easily. See this guide: https://screencast-o-matic.com/watch/cb6nQDI4oc

.single-post h1.entry-title {
    color: white;
}

Hope this helps.

#7

Allright. Thank you so much!

#8

You’re most welcome!

#9

Thank you, I have a different question sorry. When I share a post from my website in Facebook, the image that my followers see is an image from “website icon”, do you know how can i change it for the principal image from each post that I write from my blog? Thank you so much!

#10

Hey there,

This may be helpful to you https://www.facebook.com/help/community/question/?id=10152936714181733

Hope this helps!

#11

thank you so much!

#12

You’re most welcome!