I need to make some modifications to the Kalium layout and here's a quick screen grab of the things I need to achieve.
May I find out from you guys how I should go about making these changes? I probably can't get this level of customisability on Laborator or Visual Composer right?
Could you please point me to the right places to make such amendments?
If yes, then I can give you the CSS for it but if not we will need to see the site live as each site has it's own settings and the changes may not apply.
May I also find out how to make changes to the mouse over animation for the links as well as the "selected" state for categories (All Furniture Logo People Print, etc)?
One last question! When you click through the "categories" on the portfolio page, the thumbnails rearrange themselves. How do I go about customising the animation for that? Which file should I edit? I'm guessing it's done in jQuery? If I edit the animation, will it be overwritten by future updates?
The animation of the portfolio items cannot be changed, you will need to modify the Isotope plugin which is included in the theme if you want to change it.
Changing the fonts can be done through Laborator > Typography, please follow the video below:
1. How do I remove the underlining animation when I mouse over the category text?
2. I tried doing that but Google Fonts does not have the default Arial/sans-serif. I basically just want to use the default san-serif fonts on computers to save on loading.
3. How do I remove the hamburger menu and replace it with something like "About"?
4. How do I go about modifying the Isotope plugin? If I do manage to edit it, will my modifications be overwritten by future updates?
Hi there,
I need to make some modifications to the Kalium layout and here's a quick screen grab of the things I need to achieve.
May I find out from you guys how I should go about making these changes? I probably can't get this level of customisability on Laborator or Visual Composer right?
Could you please point me to the right places to make such amendments?
Thank you!
Hi there,
Is this the site you're trying to make the changes:
http://138.197.36.71/
If yes, then I can give you the CSS for it but if not we will need to see the site live as each site has it's own settings and the changes may not apply.
Best regards,
Laborator Team
Hi there,
Yes, http://138.197.36.71/ is the site I'm trying to make changes to.
I managed to make some changes to the layout using CSS:
div.info {
padding-top: 0px !important;
}
.portfolio-root-categories {
float: left !important;
border-color: #000 !important;
border-top: 1px !important;
}
a {
font-size: 14px !important;
}
May I also find out how to make changes to the mouse over animation for the links as well as the "selected" state for categories (All Furniture Logo People Print, etc)?
Thanks!
Also, how do I change the font for the entire website to Arial, Helvetica, sans-serif?
Thanks!
One last question! When you click through the "categories" on the portfolio page, the thumbnails rearrange themselves. How do I go about customising the animation for that? Which file should I edit? I'm guessing it's done in jQuery? If I edit the animation, will it be overwritten by future updates?
Thanks!
Hi there,
Add the following CSS in your Custom CSS to make the changes as requested in your attachment:
.product-filter ul li a:hover { color: red; } .product-filter ul li a:after { background-color: red !important; } header.main-header .logo-and-menu-container { border-top: 2px solid #222; padding-top: 30px; }Regarding the menu, simply make sure you have the settings as in the image below:
(view large version)
The animation of the portfolio items cannot be changed, you will need to modify the Isotope plugin which is included in the theme if you want to change it.
Changing the fonts can be done through Laborator > Typography, please follow the video below:
Best regards,
Laborator Team
Thanks! Appreciate your detailed response!
1. How do I remove the underlining animation when I mouse over the category text?
2. I tried doing that but Google Fonts does not have the default Arial/sans-serif. I basically just want to use the default san-serif fonts on computers to save on loading.
3. How do I remove the hamburger menu and replace it with something like "About"?
4. How do I go about modifying the Isotope plugin? If I do manage to edit it, will my modifications be overwritten by future updates?
Thanks!
Hi neuralism,
1. Using this CSS will help you remove the underline:
.product-filter ul li a:hover:after { display: none; }2. Then you will need any of the basic sans-serif fonts, and set the secondary font as sans-serif so it will get the sans-serif font from that device.
3. See the instructions on the image for this:
(view large version)
4. Yes, even if you use the child theme your modifications will be overwritten because the child theme is only for the PHP files.
Best regards,
Laborator Team