I try to change also the font-color.
font-color: #fff
I'm sure i made a mistake. Which one?
agethemes
POSTED: 2023-02-20
Hello LIEDTKE,
Can you send me direct link to your page with paging style?
For all CSS style, you can learn how to inspect code via browser and change it easily https://blog.hubspot.com/website/how-to-inspect
liedtke
POSTED: 2023-02-20
I try the webinspector, without success. Found the style, but how to change in custom code?
on the page: https://www.polymersynthese.com/home/suche
The Text "Suchen" is not good visible. So i want it in white.
Also on page: https://www.polymersynthese.com/home/faqs/biofolie
The text "Zurück" and "Weiter" in white.
agethemes
POSTED: 2023-02-27
Hello LIEDTKE,
I just checked it and it's good now, all text in whites and blue background for button.
I think you know how to use Inspect tool now.
liedtke
POSTED: 2023-03-14
Hi,
Since Joomla Update i get Browser-Errors:
…js/alert.min.js?5.1.3:1:0(www.polymersynthese.com)
SyntaxError: Cannot use import statement outside a module
…js/button.min.js?5.1.3:1:0(www.polymersynthese.com)
SyntaxError: Cannot use import statement outside a module
…js/carousel.min.js?5.1.3:1:0(www.polymersynthese.com)
SyntaxError: Cannot use import statement outside a module
…js/collapse.min.js?5.1.3:1:0(www.polymersynthese.com)
SyntaxError: Cannot use import statement outside a module
…js/dropdown.min.js?5.1.3:1:0(www.polymersynthese.com)
SyntaxError: Cannot use import statement outside a module
…js/modal.min.js?5.1.3:1:0(www.polymersynthese.com)
SyntaxError: Cannot use import statement outside a module
…js/offcanvas.min.js?5.1.3:1:0(www.polymersynthese.com)
SyntaxError: Cannot use import statement outside a module
…js/popover.min.js?5.1.3:1:0(www.polymersynthese.com)
SyntaxError: Cannot use import statement outside a module
…js/scrollspy.min.js?5.1.3:1:0(www.polymersynthese.com)
SyntaxError: Cannot use import statement outside a module
…js/tab.min.js?5.1.3:1:0(www.polymersynthese.com)
SyntaxError: Cannot use import statement outside a module
…js/toast.min.js?5.1.3:1:0(www.polymersynthese.com)
SyntaxError: Cannot use import statement outside a module
Must i do something?
agethemes
POSTED: 2023-03-15
Hello LIEDTKE,
Did you add more JS code?
liedtke
POSTED: 2023-03-15
no
agethemes
POSTED: 2023-03-15
Hello LIEDTKE,
So, please reinstall J4 update and recheck.
liedtke
POSTED: 2023-03-15
no changes
agethemes
POSTED: 2023-03-16
Hello LIEDTKE,
If you installed more extensions, except our default extensions from Quickstart package, try to disable each extension and recheck.
liedtke
POSTED: 2023-03-16
Comment in status pending...
It will be published after it has been approved by the Website Administrator.
liedtke
POSTED: 2023-03-16
AIMY fixed the problem.
Thanks
agethemes
POSTED: 2023-03-16
Hello LIEDTKE,
Thank you for your update! Glad your issue has been resolved.
liedtke
POSTED: 2023-03-25
Hi,
1. I want to change the backgroundcolor of the menu-position.
I add custom-code. It works. But on the right and left side is still the old color. Cant found the modulpostion to add customcode.
2. I also want to change the color of the menu. The Preset-Settings for menu are still not working. So if have to add code. Please send me the code to change Menu-Text-Color, Active-Text-Color and Hover- Text-Color.
thx
agethemes
POSTED: 2023-03-27
Hello LIEDTKE,
This is code
1/ Header bar background color
#sp-header {
background: #xxx;
}
2/ Menu
- Menu color
.sp-megamenu-parent>li>a {
color: #252525;
}
- Menu hover/selected color
.sp-megamenu-parent>li:hover>a, .sp-megamenu-parent>li:selected>a {
color: #xxx;
}
liedtke
POSTED: 2023-03-28
Hi,
Part 1 works
Part 2 Menu color works
Part 2 Menue Hover/Selected did'nt work
See my code:
.sp-megamenu-parent>li:hover>a,
.sp-megamenu-parent>li:selected>a {color:#d2d382;}
Get an access to all 211 items designed and developed by Age Themes team plus all the future items
which will be released over the course of your club subscription.
Price starting from $51.75
One more question:
This is the custom-code for the "previous" - Button:
.pagination .btn.previous {
background: #085882!important;
margin-right: 20px;}
Works fine.
I try to change also the font-color.
font-color: #fff
I'm sure i made a mistake. Which one?
Can you send me direct link to your page with paging style?
For all CSS style, you can learn how to inspect code via browser and change it easily https://blog.hubspot.com/website/how-to-inspect
on the page: https://www.polymersynthese.com/home/suche
The Text "Suchen" is not good visible. So i want it in white.
Also on page: https://www.polymersynthese.com/home/faqs/biofolie
The text "Zurück" and "Weiter" in white.
I just checked it and it's good now, all text in whites and blue background for button.
I think you know how to use Inspect tool now.
Since Joomla Update i get Browser-Errors:
…js/alert.min.js?5.1.3:1:0(www.polymersynthese.com)
SyntaxError: Cannot use import statement outside a module
…js/button.min.js?5.1.3:1:0(www.polymersynthese.com)
SyntaxError: Cannot use import statement outside a module
…js/carousel.min.js?5.1.3:1:0(www.polymersynthese.com)
SyntaxError: Cannot use import statement outside a module
…js/collapse.min.js?5.1.3:1:0(www.polymersynthese.com)
SyntaxError: Cannot use import statement outside a module
…js/dropdown.min.js?5.1.3:1:0(www.polymersynthese.com)
SyntaxError: Cannot use import statement outside a module
…js/modal.min.js?5.1.3:1:0(www.polymersynthese.com)
SyntaxError: Cannot use import statement outside a module
…js/offcanvas.min.js?5.1.3:1:0(www.polymersynthese.com)
SyntaxError: Cannot use import statement outside a module
…js/popover.min.js?5.1.3:1:0(www.polymersynthese.com)
SyntaxError: Cannot use import statement outside a module
…js/scrollspy.min.js?5.1.3:1:0(www.polymersynthese.com)
SyntaxError: Cannot use import statement outside a module
…js/tab.min.js?5.1.3:1:0(www.polymersynthese.com)
SyntaxError: Cannot use import statement outside a module
…js/toast.min.js?5.1.3:1:0(www.polymersynthese.com)
SyntaxError: Cannot use import statement outside a module
Must i do something?
Did you add more JS code?
So, please reinstall J4 update and recheck.
If you installed more extensions, except our default extensions from Quickstart package, try to disable each extension and recheck.
It will be published after it has been approved by the Website Administrator.
Thanks
Thank you for your update! Glad your issue has been resolved.
1. I want to change the backgroundcolor of the menu-position.
I add custom-code. It works. But on the right and left side is still the old color. Cant found the modulpostion to add customcode.
2. I also want to change the color of the menu. The Preset-Settings for menu are still not working. So if have to add code. Please send me the code to change Menu-Text-Color, Active-Text-Color and Hover- Text-Color.
thx
This is code
1/ Header bar background color
#sp-header {
background: #xxx;
}
2/ Menu
- Menu color
.sp-megamenu-parent>li>a {
color: #252525;
}
- Menu hover/selected color
.sp-megamenu-parent>li:hover>a, .sp-megamenu-parent>li:selected>a {
color: #xxx;
}
Part 1 works
Part 2 Menu color works
Part 2 Menue Hover/Selected did'nt work
See my code:
.sp-megamenu-parent>li:hover>a,
.sp-megamenu-parent>li:selected>a {color:#d2d382;}
Something wrong?
Did you try to add "!important" for CSS value?
.sp-megamenu-parent>li:hover>a,
.sp-megamenu-parent>li:selected>a {
color:#d2d382!important;
}
So sorry, please replace it to
.sp-megamenu-parent>li:hover>a,
.sp-megamenu-parent>li.current-item >a {
color:#d2d382!important;
}
And at last:
The "offcanvas-toggler" must also be changed.
Please send code.
Many Thanks
Yes, here it is
.burger-icon>span {
background-color: #fff!important;
}
Replace #fff with other color you want.