Page 1 of 1
Colour logo
Posted: 10 Feb 2016, 02:13
by ringo71
How can I make a color for 3D-logo (text) different from the basic color scheme?
In the beta version of it was this:
.logo > .m1 {
color: red;
}
.logo > .m2 {
color: white;
}
Now I'm trying to insert this code in the Logo CSS:
.logo {
font-size: 2em; /* logo-size (only affects TEXT-logo) */
padding: 1em 0; /* Adjust space above- and below logo */
margin-top: 0em; /* Adjust margin above logo */
}
.logo > .m1 {
color: red;
}
.logo > .m2 {
color: white;
}
.logo > img {
width: 300px; /* logo-size (only affects IMAGE-logo) */
}
But it does not work.
Either I make a mistake in the code, or write it the wrong way.
Re: Colour logo
Posted: 10 Feb 2016, 03:19
by mjau-mjau
hmmm ... perhaps you have a link?
Re: Colour logo
Posted: 11 Feb 2016, 16:15
by ringo71
mjau-mjau wrote:hmmm ... perhaps you have a link?
fotopro.pro
Re: Colour logo
Posted: 11 Feb 2016, 23:59
by mjau-mjau
First of all, I checked your source and I can only see this CSS for your logo:
.logo {
font-size: 2em;
padding: 1em 0;
margin-top: 0em;
}
.logo > img {
width: 300px;
}
Further, since you are using a different skin and nav-style, you may need to use something like this for CSS specificity:
body.clear .logo-3d .m1 {
}
body.clear .logo-3d .m2 {
}
Re: Colour logo
Posted: 12 Feb 2016, 04:05
by ringo71
How would I there not wrote (in any combination and in any order), nothing changes...
Re: Colour logo
Posted: 12 Feb 2016, 04:19
by mjau-mjau
ringo71 wrote:How would I there not wrote (in any combination and in any order), nothing changes...
Ehmmm ... You have to add colors yourself (like you have done earlier), not just paste the EMPTY classes ... I thought that was clear ... For example:
body.clear .logo-3d .m1 {
color: tomato;
}
body.clear .logo-3d .m2 {
color: brown;
}
Let's see if that works. Sorry, this is not a feature of X3 ... The 3D is a bonus-effect that uses javascript for coloring. If you need to re-color them for some reason, then turn off the 3D effect.
Re: Colour logo
Posted: 12 Feb 2016, 10:48
by ringo71
It seems to work, but partly ... only the second word
Re: Colour logo
Posted: 13 Feb 2016, 00:25
by mjau-mjau
ringo71 wrote:It seems to work, but partly ... only the second word
I don't know. In your CSS code you have set the first word to be RED, and to me it looks RED:
Re: Colour logo
Posted: 13 Feb 2016, 00:29
by mjau-mjau
At the time of checking your code, it seems to be mixed up with multiple classes and some partial commented stuff:
padding: 1em 0;
margin-top: 0em;
*/div a.logo.logo-3d.active span.m1.big {
color: red !important;
}
body.clear .logo-3d .m1 {
color: red;
}
body.clear .logo-3d .m2 {
font-size: 1.5em;
color: white;
}
.logo > img {
width: 300px;
}
Not sure what the "*/" is doing there ... also not sure what you are trying to do here "div a.logo.logo-3d.active span.m1.big".
Re: Colour logo
Posted: 13 Feb 2016, 11:13
by ringo71
Last night I was advised to insert this code in Facebook:
https://www.facebook.com/groups/imagevu ... st_mention
After this first part of the logo was to red. Perhaps I made sloppy and left too much. Now I will understand.
Re: Colour logo
Posted: 14 Feb 2016, 23:48
by mjau-mjau
I see that code posted:
div a.logo.logo-3d.active span.m1.big { color:# ? !important; }
Im assuming he wanted to you replace the color "# ?" though with your color of choice, like I did earlier ... If not, its not valid CSS and would break the rest ...
Not sure what the goal was with the code above though ... When using !important, the javascript code will not be able to apply colors to the logo ...