Topic: Blog Archive List « SeaTheme

This topic has 8 replies, 2 voices, and was last updated 3 years, 10 months ago by artsomething.

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

Author

Posts
July 16, 2022 at 9:02 pm #27951

artsomething
Participant

Purchased
Expired

Hello,

I’m changing my website, your theme is perfect for this because it offers many options.

My question is probably is tricky, but maybe there is a simple solution.

I’m trying to have the same result I have on the first part of this page, I did everything manually on this part.
Date on the left + a separation + title of the post + a lower dividing line.

The second part is done with a grid without feature images, the good thing is it’s automatically generated. But it does not appear as I wish. Is there a way to do something for the text? And is there a way to have a dividing line for each post, not for the group?

On the first part, I did a button for the second post with a mouseover, is it possible to have this on the grid par too?

Thanks a lot for everything, and I hope I’m clear.

A.

WordPress Customization Service from $49 Only! Save your expensive time!

July 17, 2022 at 1:12 pm #27956
SeaTheme
Keymaster

Purchased
Expired
Hi,

And is there a way to have a dividing line for each post

It is possible by custom CSS(“Appearance > Customize: Additional CSS”), like:
```
.module-id-1658000554032 .grid-item {
    border-bottom: 1px solid #ccc;
}
```
On the first part, I did a button for the second post with a mouseover, is it possible to have this on the grid par too?

It is possible by custom CSS
```
.grid-list-1658000554032 .grid-item-date {
    width: 32%;
} 
.module-id-1658000554032  .grid-item-tit-a {
    padding: 0 10px; 
}
.module-id-1658000554032  .grid-item-tit-a:hover,
.module-id-1658000554032  .grid-item-tit-a:focus {
    background-color:#000; color:#fff;
}
```
Regards!
SeaTheme – FAQs – WordPress Customization – Facebook
WordPress Customization Service from $49 Only! Save your expensive time!

July 17, 2022 at 1:42 pm #27957

artsomething
Participant

Purchased
Expired

Thanks a lot it works perfectly. You didn’t answer about the fact to have the date and title on one line with a space between them ? It’s because it’s not possible or I wasn’t clear ?

thank you

WordPress Customization Service from $49 Only! Save your expensive time!

July 18, 2022 at 7:51 am #27958
SeaTheme
Keymaster

Purchased
Expired
Hi,
Sorry, It is possible by custom CSS:
```
.grid-list.grid-list-1658000554032 .standard-text-padding {
    display: flex;
}
```
Regards!
SeaTheme – FAQs – WordPress Customization – Facebook
WordPress Customization Service from $49 Only! Save your expensive time!

July 18, 2022 at 8:45 am #27959

artsomething
Participant

Purchased
Expired

no problem

then it works perfectly on desktop but on mobile, some titles are aligned on the left some are not.

I’m gonna duplicate all those custom css on other year 2021, 2020, 2019…. should I copy everything for each year?

Or can we have multiple id on a custom css for example “.grid-list.grid-list-1658000554032, 26580354049 ?

Tanks a lot I think after this it would be perfect for this page.

WordPress Customization Service from $49 Only! Save your expensive time!

July 19, 2022 at 3:09 am #27969
SeaTheme
Keymaster

Purchased
Expired
Welcome.
It is not necessary to add the class names one by one, just update the CSS as:
```
.page-id-4944 .grid-list .standard-text-padding {
    display: flex;
}
```
It will works for all Grid mods on this page by the page ID classname.

Regards!
SeaTheme – FAQs – WordPress Customization – Facebook
WordPress Customization Service from $49 Only! Save your expensive time!

July 19, 2022 at 6:42 am #27971

artsomething
Participant

Purchased
Expired

great I also did it for the button, it works perfectly and I will save time like this. thank you

As I was saying the title post are not aligned on mobile and tablet , what can we do?

thanks a lot again 🙂

WordPress Customization Service from $49 Only! Save your expensive time!

July 20, 2022 at 3:35 am #27974
SeaTheme
Keymaster

Purchased
Expired
Please add the CSS:
```
.page-id-4944 .grid-list .standard-text-padding .grid-item-tit { 
    width: 66%;
}
```
Regards!
SeaTheme – FAQs – WordPress Customization – Facebook
WordPress Customization Service from $49 Only! Save your expensive time!

July 20, 2022 at 7:28 am #27975

artsomething
Participant

Purchased
Expired

it’s perfect now, thank you

WordPress Customization Service from $49 Only! Save your expensive time!
Author

Posts

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

You must be logged in to reply to this topic.