Spectrum Theme Ribbons – colour change….messed it up

melodysimmonsdesign · Member · Sep 25, 2012 at 1:35 pm
Copy link

Add topic to favorites
Help! I am using the Spectrum theme. The theme is supposed to have three options for the ribbon colours – green, dark or blue. One chooses this by selecting a button in the Theme Options. I always used blue, and my setting shows it’s is still on blue, but for some reason the theme has jumped to dark by itself and no matter what I do the blue is gone! I don’t know how to change it in the Custom CSS section? I don’t know much HTML.

I even tried switching to another theme, then switching back to Spectrum. Even when I did the preview of the Spectrum theme only the dark brown ribbons showed – no green or blue!!! I wonder if other Spectrum Blogs are experiencing similar problems? I will check…

Thank you!

Melody
http://ebookindiecovers.com/

Okay….I messed around with the CSS in my primitive fashion and now I have the colour blue I want but the lovely ribbon design is gone and I have only a solid rectangle instead! Does anyone know how I can fix this?

Here’s what I stuck in the Custom CSS section:
*//* =Midnight Blue Ribbon
————————————————————– */
.main-title {
background: #003366 url(midnight blue/main-title.png) no-repeat;
border-bottom: 1px solid #363636;
}
.main-title .left-fold {
background: url(midnight blue/main-title-back.png) no-repeat;
}
.main-title .edge {
background: url(midnight blue/main-title-edge.gif) no-repeat;
}

.main-title h3 {
text-shadow: 1px 1px #222;
}
.post-date {
color: #ccc;
text-shadow: 1px 1px #555;
}

The blog I need help with is: (visible only to logged in users)
designsimply · Member · Sep 29, 2012 at 5:09 pm
Copy link
First, I will look a little deeper into this report because the Spectrum theme options should be working. However, it’s possible that because you have used the colors options that come with the Custom Design feature, those are expected to override the theme options. I’ll research to find out what the intended behavior is and post back here with what I find.

In the mean time, here is a CSS snippet that will change the Spectrum theme post titles to blue:
```
.hentry .main-title {
	background-color:CornFlowerBlue;
	background-image:none;
	border-bottom-color:RoyalBlue;
	position:relative;
}

.hentry .main-title:after {
	border-top:29px solid RoyalBlue;
	border-left:29px solid transparent;
	content:'';
	position:absolute;
	bottom:-30px;
	left:0;
	width:0;
	height:0;
}

.hentry .main-title:before {
	border-top:55px solid CornFlowerBlue;
	border-right:10px solid transparent;
	content:'';
	position:absolute;
	top:0;
	right:-10px;
	width:0;
	height:0;
}

.hentry .main-title .edge,.hentry .main-title .left-fold {
	display:none;
}
```
Change the color names to color codes of your choice:
http://automattic.github.com/Iris/

Side note: the reason part of your example didn’t work is because when you use the url() function in custom CSS, you must use a full URL to point to the image. Try the solution I posted above though—it’s more updated and doesn’t need images at all! (One of our developers, Michael Fields, helped me with it. I totally appreciate that!) :)
melodysimmonsdesign · Member · Sep 29, 2012 at 5:29 pm
Copy link
Thank you – I am going to try this now! I don’t know how it happened – I was using blue for months and then all of a sudden it turned dark black. I have never done ANYTHING in the custom CSS section! I only use the standard easy-to-use buttons. That day I changed my font size to a bit smaller – in the standard pick-a-size section – and after that is when the colour turned black….
designsimply · Member · Sep 29, 2012 at 5:30 pm
Copy link
Okay, I’ve already found an answer about the theme options vs. custom colors. I was right that the Custom Design colors feature is overriding the theme options colors (for now). There is a plan to make those things work better together in the future, but it’s not something we will be able to get to right away. So in this case, the workaround is the best option for now.
designsimply · Member · Sep 29, 2012 at 5:32 pm
Copy link
Also, it’s not your fault at all. The changed happened because we’re adding colors support for all the themes so it was because of something we did. Sorry for the trouble, and thanks for reporting the issue! :)
melodysimmonsdesign · Member · Sep 29, 2012 at 5:37 pm
Copy link
Oh wow!!
There is fortune with every misfortune! Now I got an even better blue than what the Spectrum theme came with…Thank you so much for your help!! The ribbon shape is back too!

Much appreciated!
Melody

No items found.