- Posts: 49
- Thank you received: 0
Custom css colour change issues
-
richard9
Inactive member - Topic Author
- Member
Less
More
2 years 1 month ago #49781
by richard9
Custom css colour change issues was created by richard9
I am finding the custom.css unreliable in that it works for some things and not for others. I need to adjust come colours and have been unable to also get the "template colors" section in Style to change unless i select another palette, nothing else seems to effect my site.
Anyway i want to edit the menu colors as follows please:
Background: #339933
Active: #1e591e
Hover: #55555
font color: #ffffff
Im not sure how i can give you an admin login to see the pages as the site is "offline" at the moment?
many thanks
Anyway i want to edit the menu colors as follows please:
Background: #339933
Active: #1e591e
Hover: #55555
font color: #ffffff
Im not sure how i can give you an admin login to see the pages as the site is "offline" at the moment?
many thanks
Please Log in to join the conversation.
-
milos
Support Staff - Moderator
Less
More
- Posts: 6766
- Thank you received: 719
2 years 1 month ago #49782
by milos
Replied by milos on topic Custom css colour change issues
Hello,
You should simply change color 1 to color 2 anywhere in custom.css file (and style2.css file if you are using for example palette 2).
Also, you should change color 1 to color 2 anywhere in the template parameters (style tab, menus tab, etc).
If you don’t see the changes, use hard reload in browser or clear browser cache.
After you make all these changes, the color 1 simply must be changed to the color 2.
Regards,
Milos
You should simply change color 1 to color 2 anywhere in custom.css file (and style2.css file if you are using for example palette 2).
Also, you should change color 1 to color 2 anywhere in the template parameters (style tab, menus tab, etc).
If you don’t see the changes, use hard reload in browser or clear browser cache.
After you make all these changes, the color 1 simply must be changed to the color 2.
Regards,
Milos
Please Log in to join the conversation.
-
richard9
Inactive member - Topic Author
- Member
Less
More
- Posts: 49
- Thank you received: 0
2 years 1 month ago - 2 years 1 month ago #49783
by richard9
Replied by richard9 on topic Custom css colour change issues
Im sorry that doesnt make sense to me at all.
I am unable to find the css for the menu background color active or not other than
a {
background-color: transparent;
-webkit-text-decoration-skip: objects;
}
and if i change this it messes up everything.
Im sorry if im being thick here, but i cant find how to change these colors at all?
Part of the message is hidden for the guests. Please log in or register to see it.
I also have another problem in that the modules dont stack properly as though they are not responsive on mobiles. I have used this template before and this wasnt an issue so maybe something i have done, on mobiles the right sidebar is to the right of the main content area all squished up?!
I am unable to find the css for the menu background color active or not other than
a {
background-color: transparent;
-webkit-text-decoration-skip: objects;
}
and if i change this it messes up everything.
Im sorry if im being thick here, but i cant find how to change these colors at all?
Part of the message is hidden for the guests. Please log in or register to see it.
I also have another problem in that the modules dont stack properly as though they are not responsive on mobiles. I have used this template before and this wasnt an issue so maybe something i have done, on mobiles the right sidebar is to the right of the main content area all squished up?!
Last edit: 2 years 1 month ago by richard9.
Please Log in to join the conversation.
-
milos
Support Staff - Moderator
Less
More
- Posts: 6766
- Thank you received: 719
2 years 1 month ago #49785
by milos
Replied by milos on topic Custom css colour change issues
Hello,
The active menu button color is in the template parameters, tab Menus > Main Menu. Look for the option "Active Button Color" and change it there.
Regarding the responsive issue, you should edit this file:
and below this line:
add this:
I added it but the changes are not loaded. Perhaps your server has some caching. This part of the code must be visible when you open this link in browser:
This will fix the responsive issues in the footer.
However, it will not fix the issue under "LATEST NEWS" because you are using EasyBlog. This is not our product and I can't help you with making it responsive. Please ask the developers for help.
Regards,
Milos
The active menu button color is in the template parameters, tab Menus > Main Menu. Look for the option "Active Button Color" and change it there.
Regarding the responsive issue, you should edit this file:
Code:
https://littlehamvillagehall.co.uk/media/templates/site/coworking/css/custom.css
and below this line:
Code:
@media (max-width: 767px) {
add this:
Code:
.sparky_container {
width: 100%;
}
.sparky_container > [class*='sparkle'] {
width: 100% !important;
}
.two [class*='sparkle'] {
width: 50% !important;
}
.full .sparky_container {
width:100%;
}
.full .sparky_container > .sparky_cell {
margin: 0;
padding: 0;
}
I added it but the changes are not loaded. Perhaps your server has some caching. This part of the code must be visible when you open this link in browser:
Code:
https://littlehamvillagehall.co.uk/media/templates/site/coworking/css/custom.css
This will fix the responsive issues in the footer.
However, it will not fix the issue under "LATEST NEWS" because you are using EasyBlog. This is not our product and I can't help you with making it responsive. Please ask the developers for help.
Regards,
Milos
The following user(s) said Thank You: richard9
Please Log in to join the conversation.
-
richard9
Inactive member - Topic Author
- Member
Less
More
- Posts: 49
- Thank you received: 0
2 years 1 month ago #49787
by richard9
Replied by richard9 on topic Custom css colour change issues
thanks actually the changes (once cloudflare cache cleared) sorted the Easyblog right modules too.
Re the menu colors it would be gerat if i could edit all of the colors in the "template parameters, tab Menus > Main Menu" some of them work and some dont, i guess ios that because there are overrides in the custom.css but i think i have it pretty much cracked now, thanks for your help
Re the menu colors it would be gerat if i could edit all of the colors in the "template parameters, tab Menus > Main Menu" some of them work and some dont, i guess ios that because there are overrides in the custom.css but i think i have it pretty much cracked now, thanks for your help
Please Log in to join the conversation.
Time to create page: 0.164 seconds