items-more div class - Joomla blog layout

andrewatya
34 Posts
andrewatya posted this 17 April 2019

Hi,
I use blog layout in Joomla with links of more articles. This appears when is more articles than can by shown in columns set in Joomla.
My question is that can I style the background of this list separately from the Posts/Grid/Post elements in Themler?
I didn't find it. If inspect this element, looks like "items-more".
Or can I do specific CSS code for this class?
Thanks,
Andras

Hi, I use blog layout in Joomla with links of more articles. This appears when is more articles than can by shown in columns set in Joomla. My question is that can I style the background of this list separately from the Posts/Grid/Post elements in Themler? I didn't find it. If inspect this element, looks like "items-more". Or can I do specific CSS code for this class? Thanks, Andras
Joomla blog-layout ordered-list list-of-articles items-more
Vote to pay developers attention to this features or issue.
6 Comments
Order By: Standard | Newest
Support Team
Support Team posted this 19 April 2019

Hello Andras,
Could you please provide the link to that page on your site?

Gina
Themler Support

Hello Andras, Could you please provide the link to that page on your site? Gina Themler Support
andrewatya
34 Posts
andrewatya posted this 20 April 2019

Dear Gina,
I attach an example of my webpage, where you can check this layout with the list of articles without background:
http://focibufek.hu/meccsen-jartunk-archiv
Thanks in advance,
Andras

Dear Gina, I attach an example of my webpage, where you can check this layout with the list of articles without background: http://focibufek.hu/meccsen-jartunk-archiv Thanks in advance, Andras
Support Team
Support Team posted this 21 April 2019

Thank you.
You can add following CSS code to Home -> Settings -> Additional CSS:

.items-more {
    background-color: #ffffff;
}

Would you like to add any other styling?

Gina

Thank you. You can add following CSS code to Home -> Settings -> Additional CSS: .items-more { background-color: #ffffff; } Would you like to add any other styling? Gina
andrewatya
34 Posts
andrewatya posted this 21 April 2019

Thank you very much! I felt this will be the solution, however it's not a problem, it's an easy way to me. I will check recently and will reply you back.
Kind regards,
Andras

Thank you very much! I felt this will be the solution, however it's not a problem, it's an easy way to me. I will check recently and will reply you back. Kind regards, Andras
andrewatya
34 Posts
andrewatya posted this 24 April 2019

Dear Gina,
It works fine! Thank you very much!
I added my mini css snippet:

.items-more {
    background-color: #ffffff;
    opacity: 0.7;
    margin-left: 2px;
    margin-right: 2px;
}

Dear Gina, It works fine! Thank you very much! I added my mini css snippet: .items-more { background-color: #ffffff; opacity: 0.7; margin-left: 2px; margin-right: 2px; }
Support Team
Support Team posted this 25 April 2019

Great! Thank you for letting us know the result.

Gina

Great! Thank you for letting us know the result. Gina
You must log in or register to leave comments