Search…

X3 Photo Gallery Support Forums

Search…

Colour logo11 posts

Post Reply
 
User avatar
ringo71
Experienced
Topic Author
Posts: 28
Joined: 10 Feb 2015, 01:57

Colour logo

10 Feb 2016, 02:13

How can I make a color for 3D-logo (text) different from the basic color scheme?
In the beta version of it was this:
Code 
.logo > .m1 {
  color: red;
}
.logo > .m2 {
  color: white;
}
Now I'm trying to insert this code in the Logo CSS:
Code 
.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.
Top
 
User avatar
mjau-mjau
X3 Wizard
Posts: 13999
Joined: 30 Sep 2006, 03:37

Re: Colour logo

10 Feb 2016, 03:19

hmmm ... perhaps you have a link?
Top
 
User avatar
ringo71
Experienced
Topic Author
Posts: 28
Joined: 10 Feb 2015, 01:57

Re: Colour logo

11 Feb 2016, 16:15

mjau-mjau wrote:hmmm ... perhaps you have a link?
fotopro.pro
Top
 
User avatar
mjau-mjau
X3 Wizard
Posts: 13999
Joined: 30 Sep 2006, 03:37

Re: Colour logo

11 Feb 2016, 23:59

First of all, I checked your source and I can only see this CSS for your logo:
Code 
.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:
Code 
body.clear .logo-3d .m1 {

}
body.clear .logo-3d .m2 {

}
Top
 
User avatar
ringo71
Experienced
Topic Author
Posts: 28
Joined: 10 Feb 2015, 01:57

Re: Colour logo

12 Feb 2016, 04:05

How would I there not wrote (in any combination and in any order), nothing changes...
Top
 
User avatar
mjau-mjau
X3 Wizard
Posts: 13999
Joined: 30 Sep 2006, 03:37

Re: Colour logo

12 Feb 2016, 04:19

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:
Code 
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.
Top
 
User avatar
ringo71
Experienced
Topic Author
Posts: 28
Joined: 10 Feb 2015, 01:57

Re: Colour logo

12 Feb 2016, 10:48

It seems to work, but partly ... only the second word
Top
 
User avatar
mjau-mjau
X3 Wizard
Posts: 13999
Joined: 30 Sep 2006, 03:37

Re: Colour logo

13 Feb 2016, 00:25

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:
Image
Top
 
User avatar
mjau-mjau
X3 Wizard
Posts: 13999
Joined: 30 Sep 2006, 03:37

Re: Colour logo

13 Feb 2016, 00:29

At the time of checking your code, it seems to be mixed up with multiple classes and some partial commented stuff:
Code 
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".
Top
 
User avatar
ringo71
Experienced
Topic Author
Posts: 28
Joined: 10 Feb 2015, 01:57

Re: Colour logo

13 Feb 2016, 11:13

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.
Top
 
User avatar
mjau-mjau
X3 Wizard
Posts: 13999
Joined: 30 Sep 2006, 03:37

Re: Colour logo

14 Feb 2016, 23:48

I see that code posted:
Code 
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 ...
Top
Post Reply