entry-title height – Pixelwars

Posted in : Impose
nati
Participant
27 January 2017 at 12:58
#46900

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
Moderator
27 January 2017 at 14:08
#46910
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
Participant
27 January 2017 at 16:25
#46911

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
Moderator
28 January 2017 at 20:35
#46919

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
Participant
31 January 2017 at 09:11
#46938

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

nati
Participant
31 January 2017 at 11:11
#46939

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
Moderator
31 January 2017 at 11:34
#46942
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
Participant
31 January 2017 at 12:10
#46944

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

serkan
Moderator
31 January 2017 at 12:13
#46945

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

nati
Participant
31 January 2017 at 12:16
#46947

I am adding this to Additional CSS

serkan
Moderator
31 January 2017 at 12:32
#46948

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
Participant
31 January 2017 at 12:33
#46949

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

serkan
Moderator
31 January 2017 at 12:40
#46950

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
Participant
31 January 2017 at 12:42
#46951

Thanks! You to :)

serkan
Moderator
1 February 2017 at 14:10
#46981

You’re welcome.

Viewing 15 posts - 1 through 15 (of 15 total)

You must be logged in and have valid license to reply to this topic.

License required for the following item

Impose Blog WordPress Theme

by pixelwars