Docs

[Garry]

Hi x theme,
thankyou before for your help.
I want to ask 2 question :
1. My image button area so big, how can I make it smaller, maybe to red square line I made (on “image area” attachment)
2. And how can I made my recent post position more left I explained it on my attachment (“recent post position” attachment)
Thanks before, and im sorry for asking many question because I search it for hours and I cant find it.
wish you luck

[Garry]

This reply has been marked as private.

[Joao]

Hi Garry,

Please add the following code to Appereance > Customizer > Custom > CSS

@media (min-width: 767px) {
.x-recent-posts .x-recent-posts-img {
    width: 40%;
    margin-left: -4%;
}}

Hope it helps

Joao

[Garry]

This reply has been marked as private.

[Rupok]

Hi there,

It seems you have other code that’s overriding this. Let’s try this :

@media (min-width: 768px) {
.x-recent-posts .x-recent-posts-img {
  margin-left: -4% !important;
  width: 40% !important;
}
}

I have added and it seems working. Let us know if you need anything else regarding this.

Thanks!

[Garry]

Thanks Rupok its work 🙂
But the “view post” text seems not move. it not on the center of featured post.
please see my web. thanks

[Rupok]

Hi there,

It seems you are using the below code :

.home .x-recent-posts .x-recent-posts-img::after {
  background-color: rgba(0, 0, 0, 0.75);
  color: #fff;
  content: "VIEW POST";
  font-size: 20px;
  padding-left: 41%;
  padding-top: 100%;
  transition: padding 0.3s ease 0s;
}

Let’s adjust the padding-left value if you think it’s not centered. Also you have opened multiple threads for the same recent posts issue and it might be confusing.

Thanks!

[Garry]

Sorry, but all my topic is different things about recent post I thinked.
And its worked to make it more left, but I cannot make it at center between top and bottom.
I dont understand.
thanks

[Joao]

Hi Gary,

First of all, I would like to ask that when you we are taking care of one issue, please try to keep that in just one topic, that is much better to avoid confusion.

Your image looks centered so I believe you are referring to the text.

In that case please add the following code to Appereance > Customizer > Custom CSS

@media (min-width: 767px)  {
.x-recent-posts .x-recent-posts-content {
    padding-top: 105px !important;
}
}

Hope that helps

Joao

[Garry]

Im sorry for confusion I made and Thanks Joao for answering my many questions.
Yes I mean the text.
I entered your code but its seems didnt worked Im sorry.
and can you tell me why my featured image have gap with its border?
File attached.
thanks

[Joao]

Hi Garry,

The code above is correct, but there was a missing } I have fixed for you, inserted the code and also removed the padding that was causing the gap at the top.

Hope that helps

Joao

[Garry]

Yes Joao many thanks for fixing the gap, but I see the “view post” text is still not centered? Is there something missing? thanks

[Rad]

Hi there,

Please add this as well,

.home .x-recent-posts .x-recent-posts-img:after {
    padding-top: calc(26% - 5px) !important;
    padding-left: calc(40% - 15px) !important;
}

Cheers!

[Garry]

Oh yes, thanks rad, its work.
wish luck for you 🙂

[Rue Nel]

Hello There,

You’re most welcome! We’re happy to help you out.
If you need anything else we can help you with, don’t hesitate to open another thread.

Best Regards.

[Author]

Posts