Public Forums 71,145 posts

[puntje Friend puntjeJoin date: April 2014Posts: 239Downloads:29Uploads:119 Thanks: 48 Thanked: 4 times in 3 posts]

#1011949

Hi

I put k2 in and hikashop on the site

If i want to leave a comment or someone else, then they see a blue footer, green background content and black nav. i put the code in, but is taking long to change it and then it will not work. I still have a green background

.uber-block .bg-primary,
.uber-block .bg-accent,
.uber-block .bg-success,
.uber-block .bg-info,
.uber-block .bg-danger,
.uber-block .bg-warning,
.uber-block .bg-black,
.uber-block .bg-dark,
.uber-block .bg-gray,
.uber-block .bg-gray-dark,
.uber-block .bg-gray-darker,
.uber-block .bg-gray-darkest,
.uber-block .bg-bluegray,
.uber-block .bg-bluegray-dark,
.uber-block .bg-bluegray-darker,
.uber-block .bg-bluegray-darkest,
.uber-block .bg-blue,
.uber-block .bg-blue-dark,
.uber-block .bg-green,
.uber-block .bg-green-dark,
.uber-block .bg-cyan,
.uber-block .bg-cyan-dark,
.uber-block .bg-teal,
.uber-block .bg-teal-dark,
.uber-block .bg-red,
.uber-block .bg-red-dark,
.uber-block .bg-amber,
.uber-block .bg-amber-dark,
.uber-block .bg-orange,
.uber-block .bg-orange-dark,
.uber-block .bg-brown,
.uber-block .bg-brown-dark,
.uber-block .bg-pink,
.uber-block .bg-pink-dark,
.uber-block .bg-purple,
.uber-block .bg-purple-dark,
.uber-block .bg-indigo,
.uber-block .bg-indigo-dark {
color: #000;
}
.uber-block .bg-cyan {
background-color: #fff;
}

.uber-block .bg-primary a, .uber-block .bg-accent a, .uber-block .bg-success a, .uber-block .bg-info a, .uber-block .bg-danger a, .uber-block .bg-warning a, .uber-block .bg-black a, .uber-block .bg-dark a, .uber-block .bg-gray a, .uber-block .bg-gray-dark a, .uber-block .bg-gray-darker a, .uber-block .bg-gray-darkest a, .uber-block .bg-bluegray a, .uber-block .bg-bluegray-dark a, .uber-block .bg-bluegray-darker a, .uber-block .bg-bluegray-darkest a, .uber-block .bg-blue a, .uber-block .bg-blue-dark a, .uber-block .bg-green a, .uber-block .bg-green-dark a, .uber-block .bg-cyan a, .uber-block .bg-cyan-dark a, .uber-block .bg-teal a, .uber-block .bg-teal-dark a, .uber-block .bg-red a, .uber-block .bg-red-dark a, .uber-block .bg-amber a, .uber-block .bg-amber-dark a, .uber-block .bg-orange a, .uber-block .bg-orange-dark a, .uber-block .bg-brown a, .uber-block .bg-brown-dark a, .uber-block .bg-pink a, .uber-block .bg-pink-dark a, .uber-block .bg-purple a, .uber-block .bg-purple-dark a, .uber-block .bg-indigo a, .uber-block .bg-indigo-dark a {
color: #000;
}

.uber-block .footer nav h6 {
font-size: 18px;
font-weight: 700;
margin-bottom: 28px;
color:#000;
}

.uber-block .bg-dark {
background-color: #fff;
}

.uber-block .header.bg-primary a, .uber-block .header.bg-accent a, .uber-block .header.bg-success a, .uber-block .header.bg-info a, .uber-block .header.bg-danger a, .uber-block .header.bg-warning a, .uber-block .header.bg-black a, .uber-block .header.bg-dark a, .uber-block .header.bg-gray a, .uber-block .header.bg-gray-dark a, .uber-block .header.bg-gray-darker a, .uber-block .header.bg-gray-darkest a, .uber-block .header.bg-bluegray a, .uber-block .header.bg-bluegray-dark a, .uber-block .header.bg-bluegray-darker a, .uber-block .header.bg-bluegray-darkest a, .uber-block .header.bg-blue a, .uber-block .header.bg-blue-dark a, .uber-block .header.bg-green a, .uber-block .header.bg-green-dark a, .uber-block .header.bg-cyan a, .uber-block .header.bg-cyan-dark a, .uber-block .header.bg-teal a, .uber-block .header.bg-teal-dark a, .uber-block .header.bg-red a, .uber-block .header.bg-red-dark a, .uber-block .header.bg-amber a, .uber-block .header.bg-amber-dark a, .uber-block .header.bg-orange a, .uber-block .header.bg-orange-dark a, .uber-block .header.bg-brown a, .uber-block .header.bg-brown-dark a, .uber-block .header.bg-pink a, .uber-block .header.bg-pink-dark a, .uber-block .header.bg-purple a, .uber-block .header.bg-purple-dark a, .uber-block .header.bg-indigo a, .uber-block .header.bg-indigo-dark a, .uber-block .header.bg-primary span, .uber-block .header.bg-accent span, .uber-block .header.bg-success span, .uber-block .header.bg-info span, .uber-block .header.bg-danger span, .uber-block .header.bg-warning span, .uber-block .header.bg-black span, .uber-block .header.bg-dark span, .uber-block .header.bg-gray span, .uber-block .header.bg-gray-dark span, .uber-block .header.bg-gray-darker span, .uber-block .header.bg-gray-darkest span, .uber-block .header.bg-bluegray span, .uber-block .header.bg-bluegray-dark span, .uber-block .header.bg-bluegray-darker span, .uber-block .header.bg-bluegray-darkest span, .uber-block .header.bg-blue span, .uber-block .header.bg-blue-dark span, .uber-block .header.bg-green span, .uber-block .header.bg-green-dark span, .uber-block .header.bg-cyan span, .uber-block .header.bg-cyan-dark span, .uber-block .header.bg-teal span, .uber-block .header.bg-teal-dark span, .uber-block .header.bg-red span, .uber-block .header.bg-red-dark span, .uber-block .header.bg-amber span, .uber-block .header.bg-amber-dark span, .uber-block .header.bg-orange span, .uber-block .header.bg-orange-dark span, .uber-block .header.bg-brown span, .uber-block .header.bg-brown-dark span, .uber-block .header.bg-pink span, .uber-block .header.bg-pink-dark span, .uber-block .header.bg-purple span, .uber-block .header.bg-purple-dark span, .uber-block .header.bg-indigo span, .uber-block .header.bg-indigo-dark span {
color: #eee;
color: #000;
}

.uber-block .header.bg-primary a:hover, .uber-block .header.bg-accent a:hover, .uber-block .header.bg-success a:hover, .uber-block .header.bg-info a:hover, .uber-block .header.bg-danger a:hover, .uber-block .header.bg-warning a:hover, .uber-block .header.bg-black a:hover, .uber-block .header.bg-dark a:hover, .uber-block .header.bg-gray a:hover, .uber-block .header.bg-gray-dark a:hover, .uber-block .header.bg-gray-darker a:hover, .uber-block .header.bg-gray-darkest a:hover, .uber-block .header.bg-bluegray a:hover, .uber-block .header.bg-bluegray-dark a:hover, .uber-block .header.bg-bluegray-darker a:hover, .uber-block .header.bg-bluegray-darkest a:hover, .uber-block .header.bg-blue a:hover, .uber-block .header.bg-blue-dark a:hover, .uber-block .header.bg-green a:hover, .uber-block .header.bg-green-dark a:hover, .uber-block .header.bg-cyan a:hover, .uber-block .header.bg-cyan-dark a:hover, .uber-block .header.bg-teal a:hover, .uber-block .header.bg-teal-dark a:hover, .uber-block .header.bg-red a:hover, .uber-block .header.bg-red-dark a:hover, .uber-block .header.bg-amber a:hover, .uber-block .header.bg-amber-dark a:hover, .uber-block .header.bg-orange a:hover, .uber-block .header.bg-orange-dark a:hover, .uber-block .header.bg-brown a:hover, .uber-block .header.bg-brown-dark a:hover, .uber-block .header.bg-pink a:hover, .uber-block .header.bg-pink-dark a:hover, .uber-block .header.bg-purple a:hover, .uber-block .header.bg-purple-dark a:hover, .uber-block .header.bg-indigo a:hover, .uber-block .header.bg-indigo-dark a:hover, .uber-block .header.bg-primary span:hover, .uber-block .header.bg-accent span:hover, .uber-block .header.bg-success span:hover, .uber-block .header.bg-info span:hover, .uber-block .header.bg-danger span:hover, .uber-block .header.bg-warning span:hover, .uber-block .header.bg-black span:hover, .uber-block .header.bg-dark span:hover, .uber-block .header.bg-gray span:hover, .uber-block .header.bg-gray-dark span:hover, .uber-block .header.bg-gray-darker span:hover, .uber-block .header.bg-gray-darkest span:hover, .uber-block .header.bg-bluegray span:hover, .uber-block .header.bg-bluegray-dark span:hover, .uber-block .header.bg-bluegray-darker span:hover, .uber-block .header.bg-bluegray-darkest span:hover, .uber-block .header.bg-blue span:hover, .uber-block .header.bg-blue-dark span:hover, .uber-block .header.bg-green span:hover, .uber-block .header.bg-green-dark span:hover, .uber-block .header.bg-cyan span:hover, .uber-block .header.bg-cyan-dark span:hover, .uber-block .header.bg-teal span:hover, .uber-block .header.bg-teal-dark span:hover, .uber-block .header.bg-red span:hover, .uber-block .header.bg-red-dark span:hover, .uber-block .header.bg-amber span:hover, .uber-block .header.bg-amber-dark span:hover, .uber-block .header.bg-orange span:hover, .uber-block .header.bg-orange-dark span:hover, .uber-block .header.bg-brown span:hover, .uber-block .header.bg-brown-dark span:hover, .uber-block .header.bg-pink span:hover, .uber-block .header.bg-pink-dark span:hover, .uber-block .header.bg-purple span:hover, .uber-block .header.bg-purple-dark span:hover, .uber-block .header.bg-indigo span:hover, .uber-block .header.bg-indigo-dark span:hover, .uber-block .header.bg-primary a:active, .uber-block .header.bg-accent a:active, .uber-block .header.bg-success a:active, .uber-block .header.bg-info a:active, .uber-block .header.bg-danger a:active, .uber-block .header.bg-warning a:active, .uber-block .header.bg-black a:active, .uber-block .header.bg-dark a:active, .uber-block .header.bg-gray a:active, .uber-block .header.bg-gray-dark a:active, .uber-block .header.bg-gray-darker a:active, .uber-block .header.bg-gray-darkest a:active, .uber-block .header.bg-bluegray a:active, .uber-block .header.bg-bluegray-dark a:active, .uber-block .header.bg-bluegray-darker a:active, .uber-block .header.bg-bluegray-darkest a:active, .uber-block .header.bg-blue a:active, .uber-block .header.bg-blue-dark a:active, .uber-block .header.bg-green a:active, .uber-block .header.bg-green-dark a:active, .uber-block .header.bg-cyan a:active, .uber-block .header.bg-cyan-dark a:active, .uber-block .header.bg-teal a:active, .uber-block .header.bg-teal-dark a:active, .uber-block .header.bg-red a:active, .uber-block .header.bg-red-dark a:active, .uber-block .header.bg-amber a:active, .uber-block .header.bg-amber-dark a:active, .uber-block .header.bg-orange a:active, .uber-block .header.bg-orange-dark a:active, .uber-block .header.bg-brown a:active, .uber-block .header.bg-brown-dark a:active, .uber-block .header.bg-pink a:active, .uber-block .header.bg-pink-dark a:active, .uber-block .header.bg-purple a:active, .uber-block .header.bg-purple-dark a:active, .uber-block .header.bg-indigo a:active, .uber-block .header.bg-indigo-dark a:active, .uber-block .header.bg-primary span:active, .uber-block .header.bg-accent span:active, .uber-block .header.bg-success span:active, .uber-block .header.bg-info span:active, .uber-block .header.bg-danger span:active, .uber-block .header.bg-warning span:active, .uber-block .header.bg-black span:active, .uber-block .header.bg-dark span:active, .uber-block .header.bg-gray span:active, .uber-block .header.bg-gray-dark span:active, .uber-block .header.bg-gray-darker span:active, .uber-block .header.bg-gray-darkest span:active, .uber-block .header.bg-bluegray span:active, .uber-block .header.bg-bluegray-dark span:active, .uber-block .header.bg-bluegray-darker span:active, .uber-block .header.bg-bluegray-darkest span:active, .uber-block .header.bg-blue span:active, .uber-block .header.bg-blue-dark span:active, .uber-block .header.bg-green span:active, .uber-block .header.bg-green-dark span:active, .uber-block .header.bg-cyan span:active, .uber-block .header.bg-cyan-dark span:active, .uber-block .header.bg-teal span:active, .uber-block .header.bg-teal-dark span:active, .uber-block .header.bg-red span:active, .uber-block .header.bg-red-dark span:active, .uber-block .header.bg-amber span:active, .uber-block .header.bg-amber-dark span:active, .uber-block .header.bg-orange span:active, .uber-block .header.bg-orange-dark span:active, .uber-block .header.bg-brown span:active, .uber-block .header.bg-brown-dark span:active, .uber-block .header.bg-pink span:active, .uber-block .header.bg-pink-dark span:active, .uber-block .header.bg-purple span:active, .uber-block .header.bg-purple-dark span:active, .uber-block .header.bg-indigo span:active, .uber-block .header.bg-indigo-dark span:active, .uber-block .header.bg-primary a:focus, .uber-block .header.bg-accent a:focus, .uber-block .header.bg-success a:focus, .uber-block .header.bg-info a:focus, .uber-block .header.bg-danger a:focus, .uber-block .header.bg-warning a:focus, .uber-block .header.bg-black a:focus, .uber-block .header.bg-dark a:focus, .uber-block .header.bg-gray a:focus, .uber-block .header.bg-gray-dark a:focus, .uber-block .header.bg-gray-darker a:focus, .uber-block .header.bg-gray-darkest a:focus, .uber-block .header.bg-bluegray a:focus, .uber-block .header.bg-bluegray-dark a:focus, .uber-block .header.bg-bluegray-darker a:focus, .uber-block .header.bg-bluegray-darkest a:focus, .uber-block .header.bg-blue a:focus, .uber-block .header.bg-blue-dark a:focus, .uber-block .header.bg-green a:focus, .uber-block .header.bg-green-dark a:focus, .uber-block .header.bg-cyan a:focus, .uber-block .header.bg-cyan-dark a:focus, .uber-block .header.bg-teal a:focus, .uber-block .header.bg-teal-dark a:focus, .uber-block .header.bg-red a:focus, .uber-block .header.bg-red-dark a:focus, .uber-block .header.bg-amber a:focus, .uber-block .header.bg-amber-dark a:focus, .uber-block .header.bg-orange a:focus, .uber-block .header.bg-orange-dark a:focus, .uber-block .header.bg-brown a:focus, .uber-block .header.bg-brown-dark a:focus, .uber-block .header.bg-pink a:focus, .uber-block .header.bg-pink-dark a:focus, .uber-block .header.bg-purple a:focus, .uber-block .header.bg-purple-dark a:focus, .uber-block .header.bg-indigo a:focus, .uber-block .header.bg-indigo-dark a:focus, .uber-block .header.bg-primary span:focus, .uber-block .header.bg-accent span:focus, .uber-block .header.bg-success span:focus, .uber-block .header.bg-info span:focus, .uber-block .header.bg-danger span:focus, .uber-block .header.bg-warning span:focus, .uber-block .header.bg-black span:focus, .uber-block .header.bg-dark span:focus, .uber-block .header.bg-gray span:focus, .uber-block .header.bg-gray-dark span:focus, .uber-block .header.bg-gray-darker span:focus, .uber-block .header.bg-gray-darkest span:focus, .uber-block .header.bg-bluegray span:focus, .uber-block .header.bg-bluegray-dark span:focus, .uber-block .header.bg-bluegray-darker span:focus, .uber-block .header.bg-bluegray-darkest span:focus, .uber-block .header.bg-blue span:focus, .uber-block .header.bg-blue-dark span:focus, .uber-block .header.bg-green span:focus, .uber-block .header.bg-green-dark span:focus, .uber-block .header.bg-cyan span:focus, .uber-block .header.bg-cyan-dark span:focus, .uber-block .header.bg-teal span:focus, .uber-block .header.bg-teal-dark span:focus, .uber-block .header.bg-red span:focus, .uber-block .header.bg-red-dark span:focus, .uber-block .header.bg-amber span:focus, .uber-block .header.bg-amber-dark span:focus, .uber-block .header.bg-orange span:focus, .uber-block .header.bg-orange-dark span:focus, .uber-block .header.bg-brown span:focus, .uber-block .header.bg-brown-dark span:focus, .uber-block .header.bg-pink span:focus, .uber-block .header.bg-pink-dark span:focus, .uber-block .header.bg-purple span:focus, .uber-block .header.bg-purple-dark span:focus, .uber-block .header.bg-indigo span:focus, .uber-block .header.bg-indigo-dark span:focus {
background-color: transparent;
color: #ff0000;
opacity: 1;
}

.uber-block .bg-red {
background-color: #000;

}

Also it will be nice if the footer, content etc has a html editor, so people can change for one page the link color of an text example. http://www.ilove.nl not blue but red

---

Attachments:

1. 
2. 

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#1012120

Hi @puntje,

I just tried to add some custom css for that page and the background is white now, is that what you’re trying to achieve?

[puntje Friend puntjeJoin date: April 2014Posts: 239Downloads:29Uploads:119 Thanks: 48 Thanked: 4 times in 3 posts]

#1012126

Thanks

yes it white know, i saw it white know. What did you change in de custom css, hopefully it not so slow as last night.

Does ja builder works great with k2 and hikashop and virtuemart

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#1012150

Hi,

You can see the css rule via Settings > Custom style.

For the compatibility of JA Builder with popular Joomla extensions, pls check out this blog post for more info: https://www.joomlart.com/blog/popular-joomla-extensions-ja-page-builder-compatibility-report

Regards

[Author]

Posts