My question concerned the portfolio filters menu - its alignment (right/left border) and font size.
I found an answer to the first part in another user´s public ticket (exactly what I ´ve been looking for). However, the Custom CSS is not working for me. The same with my other public ticket you´ve just answered - I enter the code into the respective page´s CSS section (Parameters and Options > Custom CSS), click update, but the custom change is not showing... in both cases.
I´m going to send you access to my website immediately in a private message.
Many thanks.
Marek
PS: Concerning public tickets mentioned here, I still cannot find the link to the public tickets where it used to be... see the yellow mark on the attached screenshot.
I´ve just checked that, no problem even to repeat "menu hide" on another page - great, thanks!
The second thing, portfolio filters menu - I can see the change, but it doesn´t show up correctly... filters menu is not at the left website margin, but horizontally in conflict with the portfolio page heading. Screenshot attached in the following post.
Yes, now it works. You guys are just brilliant, thanks!
OK, the last question on this ticket was about the categories filter font size - is there a way to have this user-controlled? It would be great to controll the category names´ font size and their distance... please let me know to what extent is this feasible.
and not on that page only. (Btw: Portfolio page doesn't have Parameters and Options area when you can add Custom CSS)
As for your other problems, if you haven't solved them can you please make a video of that, it would be much easier for me to understand your problem and give you a proper answer.
thank you for the patience of reading such a long post and even answering. Much appreciated. I´ll try to simplify and put it all in two basic questions: 1.) Applying Custom CSS and 2.) Portfolio Page Issue.
1.) Applying Custom CSS
OK, I added the new code (categories filter font size) at the bottom of Global Custom CSS, just above the line that reads * Custom modification from Laborator - END */ ... it works fine, except for there is still a left-margin indent on the first category "All" (screenshot attached), please can you fix it?
Basically, I can stop with this issue right now, everything runs OK... However, I still don´t understand clearly how do Global Custom CSS page and Custom CSS in each page´s Parameters and Options affect each other. I have searched through the Kalium Documentation, but there´s nothing on the topic of using Custom CSS (except for the !important rule). Maybe you can navigate me to some existing resources... or maybe a short tutorial on "applying Custom CSS correctly" would be appreciated among other users as well.
Laborator > Custom CSS works for all the pages, so if you change any CSS that repeats on other pages too that CSS code will change for all the pages too.
So for example if you add this CSS code:
p {
color: red !important;
}
It will change all the paragraphs of your site to the red color.
And if you add that code on the Custom CSS area on a single page, that it will change the paragraphs color to red on that page only.
As for your question, i see that you have aligned the filter on your portfolio page now:
after a pause back to this thread. Thanks for your answer, the Custom CSS works for now, mentioned Portfolio issue has been resolved, alignment issue (more or less) OK as well.
I just posted another ticket, summing up my final questions, so thanks for the support on this one.
Hello Ylli,
following your suggestion there´s a new ticket.
My question concerned the portfolio filters menu - its alignment (right/left border) and font size.
I found an answer to the first part in another user´s public ticket (exactly what I ´ve been looking for). However, the Custom CSS is not working for me. The same with my other public ticket you´ve just answered - I enter the code into the respective page´s CSS section (Parameters and Options > Custom CSS), click update, but the custom change is not showing... in both cases.
I´m going to send you access to my website immediately in a private message.
Many thanks.
Marek
PS: Concerning public tickets mentioned here, I still cannot find the link to the public tickets where it used to be... see the yellow mark on the attached screenshot.
Hi Marek,
I managed to fix both of them, you can see them live now.
Best regards,
Laborator Team
Hello Art,
I´ve just checked that, no problem even to repeat "menu hide" on another page - great, thanks!
The second thing, portfolio filters menu - I can see the change, but it doesn´t show up correctly... filters menu is not at the left website margin, but horizontally in conflict with the portfolio page heading. Screenshot attached in the following post.
cheers
Hi Marek,
Check it now.
Best regards,
Laborator Team
Yes, now it works. You guys are just brilliant, thanks!
OK, the last question on this ticket was about the categories filter font size - is there a way to have this user-controlled? It would be great to controll the category names´ font size and their distance... please let me know to what extent is this feasible.
Best regards
Marek
Hi Marek,
Thank you for your kind words
As for your next question, please just add the code below to Custom CSS
.product-filter ul li { margin-left: 25px !important; } .product-filter ul li a { font-size: 14px !important; }Hi Marek,
That is happening because you need to add the CSS code on the Global Custom CSS area here:
(view large version)
and not on that page only. (Btw: Portfolio page doesn't have Parameters and Options area when you can add Custom CSS)
As for your other problems, if you haven't solved them can you please make a video of that, it would be much easier for me to understand your problem and give you a proper answer.
Hi Ylli,
thank you for the patience of reading such a long post and even answering. Much appreciated. I´ll try to simplify and put it all in two basic questions: 1.) Applying Custom CSS and 2.) Portfolio Page Issue.
1.) Applying Custom CSS
OK, I added the new code (categories filter font size) at the bottom of Global Custom CSS, just above the line that reads * Custom modification from Laborator - END */ ... it works fine, except for there is still a left-margin indent on the first category "All" (screenshot attached), please can you fix it?
Basically, I can stop with this issue right now, everything runs OK... However, I still don´t understand clearly how do Global Custom CSS page and Custom CSS in each page´s Parameters and Options affect each other. I have searched through the Kalium Documentation, but there´s nothing on the topic of using Custom CSS (except for the !important rule). Maybe you can navigate me to some existing resources... or maybe a short tutorial on "applying Custom CSS correctly" would be appreciated among other users as well.
I will return to my point 2.) Portfolio later.
Thank you.
Have a nice weekend.
Marek
Hi Marek,
Laborator > Custom CSS works for all the pages, so if you change any CSS that repeats on other pages too that CSS code will change for all the pages too.
So for example if you add this CSS code:
p { color: red !important; }It will change all the paragraphs of your site to the red color.
And if you add that code on the Custom CSS area on a single page, that it will change the paragraphs color to red on that page only.
As for your question, i see that you have aligned the filter on your portfolio page now:
(view large version)
is that correct?
Hello Ylli,
after a pause back to this thread. Thanks for your answer, the Custom CSS works for now, mentioned Portfolio issue has been resolved, alignment issue (more or less) OK as well.
I just posted another ticket, summing up my final questions, so thanks for the support on this one.
cheers
Marek
Hi Marek,
I'm glad to hear that, we will reply to your other ticket soon too
Will set this ticket as solved from here.