mystique questions

nintendopolis · Member · Jan 6, 2012 at 3:03 am
Copy link

Add topic to favorites
I posted a couple of questions before about changing the color of the text in the menu bar. i did it but there is like a shadow or something in the text how can i take that off?

The blog I need help with is: (visible only to logged in users)
thesacredpath · Member · Jan 6, 2012 at 3:09 am
Copy link
Try this

`#access a {
text-shadow: none;
}
nintendopolis · Member · Jan 6, 2012 at 3:13 am
Copy link
hi tsp! it did not work
thesacredpath · Member · Jan 6, 2012 at 3:17 am
Copy link
Not being able to see your site has me running blind so the best I can do is educated guesses.
```
#access a {
text-shadow: none !important;
}
```
And make sure and add that to the very end of your CSS so it overrides anything you may have up above. Again since I can’t see your site or look at your CSS I’m having to guess.
thesacredpath · Member · Jan 6, 2012 at 3:18 am
Copy link
BTW, that code works on the demo site.
nintendopolis · Member · Jan 6, 2012 at 3:23 am
Copy link
ok sorry i’m gonna put it public so you can help me out.

this is a quetion a post the other day :

Under every post there is a bar whit the date and all, can i change the color of the bar? and how?

The date bar for posts in the Mystique theme is also done with an image:
http://s2.wp.com/wp-content/themes/pub/mystique/images/info-bar.png

You can simply download the image, make a copy of the exact same image with different colors, upload the new image to your media library and use this CSS to replace the image in the theme:

.post-info {
background: transparent url(YOUR_IMAGE_URL) no-repeat right top;
}

i did that but only part of the bar change color the other one not. the one that indicates the date stays the same. i hope you can help me.
thesacredpath · Member · Jan 6, 2012 at 3:58 am
Copy link
The dark grey under the date is the dark grey bits in the same image sprite where the light grey is, you just have to add the new URL to the other selector for the date.

This is where the above image is in the CSS.
```
.post-date {
background: url("YOUR_IMAGE_HERE") no-repeat scroll left -75px transparent;
}
```
nintendopolis · Member · Jan 6, 2012 at 4:12 am
Copy link
should i create i different image or do i use the same?
thesacredpath · Member · Jan 6, 2012 at 4:19 am
Copy link
No, if you modified the dark part of that image, then just use that image URL in the .post-date background declaration.
nintendopolis · Member · Jan 6, 2012 at 4:23 am
Copy link
i tried i but nothing change this is what i have:

.post-info {
background:transparent url(‘http://galaxianintendo.files.wordpress.com/2011/12/info-bar3.png’) no-repeat right top;
}

.post-date {
background: url(‘http://galaxianintendo.files.wordpress.com/2011/12/info-bar3.png’) no-repeat scroll left -75px transparent;
}
thesacredpath · Member · Jan 6, 2012 at 5:09 am
Copy link
You’ve set your site back to private so I can’t do anything.

Contact staff at http://en.support.wordpress.com/contact/ and see if they will take a look. This all works when I do it in Firebug on the demo site for Mystique so I’m not sure what you are doing.

My last bit of advice is try this with the !important attribute added to each:
```
.post-info {
background: url('http://galaxianintendo.files.wordpress.com/2011/12/info-bar3.png') no-repeat right top transparent !important;
}

.post-date {
background: url('http://galaxianintendo.files.wordpress.com/2011/12/info-bar3.png') no-repeat scroll left -75px transparent !important;
}
```
Oh, and the “transparent” should always go at the end of the declaration, not at the beginning.

No items found.