[nati]

Hi!
I would like to change height of the entry title. But when I am trying to resize it, the title on slider is much smaller then size of the title on post-thumbnail boxes.
my url: slubnaprzystan.pl/

I’ve tryied to change size by using code:

.entry-title a {
font-size: 0.80em;
color: #e1e1e1;
}

.entry-title {
color: #e1e1e1;
}
I was also trying to resize slider title by changing it size in px using only .entry-title without a, but then in mobile version title went out of box :/

help please !impotant ;)
:)

[serkan]

Hi nati,
Entry title is the general class name. It will effect all the website. When you modify specific area, you should choose the class correctly. We can add media quary so it will work only for desktop and won’t effect the mobile.

@media screen and (min-width: 992px) { .post-slider .entry-title a { font-size: 1em; } }

Thanks

[nati]

Thank you, it did help :)

One more problem.
On apple phone sometimes when user goes back to menu it looks like style css is not working. Do you know what can be a problem? Site lokks like no fonts, custom css or anything is not working. Just raw site.

[serkan]

Hi, It seems like a temporarily problem. If the Internet connection is responding at that moment, the fonts may not come. Please tell if this problem is uncomfortable. Let’s see what we can do in more detail.

[nati]

Ok, thanks :) If it’s gonna be more offen I will let you know.

[nati]

One more question.
I would like to change entry-title padding. I’ve romoved the from box, and now all titles moved higher.

I found, that in main css:
@media screen and (min-width: 992px)
.blog-creative:not(.first-full) .post-thumbnail:not(.post-img) .entry-header, .blog-creative.first-full .hentry:not(:first-child) .post-thumbnail:not(.post-img) .entry-header {
padding-top: 12% !important; }

When I am changing vaule from 12 to 25% in programmer tools in Chrome – entry title is changing its padding, but when I am adding it to custom css in WordPress it doesn’t work :/
What am I doing wrong?

[serkan]

Hi nati,
You can try to use this custom css code;

@media screen and (min-width: 992px) {
.blog-creative:not(.first-full) .post-thumbnail:not(.post-img) .entry-header, .blog-creative.first-full .hentry:not(:first-child) .post-thumbnail:not(.post-img) .entry-header {
    padding-top: 25% !important;
} }

Thanks

[nati]

No, it didn’t work. Isn’t that the same css code I’ve used, but only with two “}”?

[serkan]

Hi,
I could not see the custom css code inside your codes. Where exactly do you add this code?

[nati]

I am adding this to Additional CSS

[serkan]

Hi,
I just copied and pasted the code and it is working on my side =) It is so weird issue. Try to copy the code at the top or at the bottom of the custom codes.

[nati]

LOL – it did work, when I’ve pasted it in the end of the Custiom CSS. This is so weird =)
Thanks!

[serkan]

Hi nati,
Codes are sometimes full of surprises. I am glad that it is working well. Magic fingers always work. Lol :D
Have a nice day.

[nati]

Thanks! You to :)

[serkan]

You’re welcome.