Trying to replicate some post views – Page 2

This topic has 28 replies, 2 voices, and was last updated 3 years, 11 months ago by Tom.

Viewing 14 posts - 16 through 29 (of 29 total)

← 1 2

Author

Posts
March 31, 2019 at 11:45 pm #8476

ARGYRO LIAGKA
Participant

By the way, can I somehow hide the urls from the posts here in the forum?
They won’t be the actual site urls anyway.

Not currently, you can share private URLs through our contact form: https://wpshowposts.com/contact

If you need us to remove any URLs just let us know the post 🙂

April 1, 2019 at 5:20 pm #8488

Tom
Keymaster

1. That’s quite the selector! You can likely simplify it a bit.

2. Changing the padding option didn’t do anything at all? What value is saved in there right now?

April 2, 2019 at 12:25 am #8489
ARGYRO LIAGKA
Participant
Hello,

regarding the url’s, I would appreciate if you remove them if its not much trouble for you.

For the css:

2. The current padding value is 5px

It seems to be looking better using that:
```
.wpsp-card .hentry .wpsp-content-wrap{
	padding-left:0px !important;
	padding-right:0px !important;
	padding-top:20px !important;
	padding-bottom:20px !important;
}
```
and that
```
.wrapper .wpsp-card article{
	margin-bottom:15px !important;
}
```
April 2, 2019 at 5:07 pm #8500

Tom
Keymaster

Will do.

Strange, I’ll look into why that value isn’t working. Glad you found CSS to achieve it for now 🙂

April 3, 2019 at 1:01 am #8506

ARGYRO LIAGKA
Participant

Hello

Thanks for everything!

Can I also have some assistance to replicate the first instance I mentioned at the begining of the post?
I have sent you the view trying to replicate and the state I managed to get close to it via the contact form

Thanks

April 3, 2019 at 4:58 pm #8530
Tom
Keymaster
Try this CSS:
```
.wpsp-card .wp-show-posts-image img {
    width: 100%;
    border-width: 6px;
    border-bottom-width: 10px;
    border-bottom-style: solid;
    border-bottom-color: #4db3ff;
}

.wp-show-posts-image,
.wpsp-card .wp-show-posts-inner {
    overflow: visible;
}
```
April 3, 2019 at 10:36 pm #8533

ARGYRO LIAGKA
Participant

Thanks a million Tom! You matched it perfectly 🙂

April 3, 2019 at 10:56 pm #8534

ARGYRO LIAGKA
Participant

Hm…. One last thing.

It doesn’t seem to “break” the 4 boxes in lines of 2 and 2 in the (approx) 1100px breakpoint (it works in the 768).
Any help onm that?

April 4, 2019 at 5:09 pm #8539

Tom
Keymaster

I’m not too sure what you mean – can you explain a bit more?

April 4, 2019 at 9:44 pm #8541

ARGYRO LIAGKA
Participant

Hello,
It is not fully responsive. Up to 768px the 4 posts keep shrinking and ending up too small instead of becoming 2 in a row.
If you change your view to 1120px and see the sample I gave you and the one you guided me to build you will see.

Thanks

April 5, 2019 at 4:41 pm #8565
Tom
Keymaster
Ah, you can adjust like that this:
```
@media (min-width: 769px) and (max-width: 1000px) {
    .wpsp-col-3 {
        width: 50%;
    }
}
```
A tablet column option is something we’d like to add 🙂
April 5, 2019 at 11:44 pm #8569

ARGYRO LIAGKA
Participant

Thanks once again Tom!

One last (I hope) thing

When browser window size gets in tablet mode (I have set your rule to 1100 px) the image size seem to change and not all images look equal any more.
You can check it in the test url.

Can this be fixed so they will look “normal” like in the desktop mode?

April 6, 2019 at 7:41 am #8575

ARGYRO LIAGKA
Participant

There was some error (accidentally key press) in the css and it wasn’t “reading” the lot of it.
Sorry for the trouble!

I think You have to add the full Simple CSS editor in the “per page” version of it 🙂

April 6, 2019 at 4:51 pm #8578

Tom
Keymaster

No worries! Glad it’s all working 🙂
Author

Posts

Viewing 14 posts - 16 through 29 (of 29 total)

← 1 2

You must be logged in to reply to this topic.

[Resolved] Trying to replicate some post views