considerthis1

My friend who helped me set up Montezuma, years ago, came to my rescue with this…

He wrote the following, which creates a bi-colored, or Split Title:

Hi, Karen:

Sorry it took me so long to reply, but I wanted to try it out on a test site first before giving you the instructions. You can actually do everything yourself, it’s not too difficult. It just requires you to install a plugin that will allow you to add Javascript to your site, and then copy & paste in some code. I like using Simple Custom CSS and JS.

Let’s say you install and activate this plugin. Then from the dashboard you would go to Custom CSS & JS → All Custom Code. Click on the Add JS Code button at the top.

Add a title. It’s not really important what you call it, maybe Split titles would be a good name. Then copy & paste this code at the end of the big code window, after the line that says End of comment */:

jQuery(document).ready(function($) {

/*******************************
SPLIT TITLES – Copied from Montezuma Theme, javasript/base.js
This encloses the first half of a title in a span with a class of firstpart
so each half of the title can be colored differently.
******************************/
/* Split titles: 2-color titles for site-, post- and widget titles */
$(‘.site-title a, .hentry h2 a, h1.entry-title’ ).each( function() {
var str = $(this).text();
if( str.indexOf(‘ ‘) > 0 ) { var space = ‘ ‘; }
else { var space = ”; }

var strArray = str.split(space),
fullLength = strArray.length,
halfLength = Math.ceil( fullLength / 2 ),
restLength = fullLength – halfLength,
newstr = ‘<span class=”firstpart”>’;
for( var i = 0; i < halfLength; i++ ) {
newstr += strArray[i] + space;
}
newstr += ‘</span>’ + space;
for( var i = halfLength; i < fullLength; i++ ) {
newstr += strArray[i] + space;
}
$(this).html( newstr );
});

});
Click the blue Publish button in the upper right to save the code.

Now the code is set up that will enclose the first half of your titles with <span class=”firstpart”> tags.

Next, you have to write the CSS rules that will color each part of those titles. It’s probably convenient to add it using the same plugin. Click the Add CSS Code button at the top, and copy & paste these rules in the new code window at the end of all of the comments:

/* Set first part to black */
.site-title a .firstpart,
h1.entry-title .firstpart,
.hentry h2 a .firstpart,
.hentry a .firstpart {
color: #000;
}

/* Set rest of title to blue */
.site-title a,
h1.entry-title,
.hentry h2 a,
.hentry a {
color: #0090d3;
}
Of course, change the color values to whatever you want.

The one thing I omitted was changing the widget titles to split colors. The Miteri theme does something a little unusual with the widget titles, in that you’ll see a horizontal bar to the right of the widget title. Something screwy happens with that bar when the code adds the firstpart span to the title. If you want to split color the widget titles, we can probably hide the horizontal bar.

Wow, that is really cool !!!

I think the widgets may not work because there’s some sort of slider type effect. They move when they first appear, not a lot, but some.

I’m going to go try this as soon as I pour some candles.

Thank YOU so so much. I’m stoked.

🙂

You kindly answered my question in the Reviews forum. I’ll copy your CSS suggestions here so everyone can see how you helped me:

body.page .content-area .entry-thumbnail,
body.single .content-area .entry-thumbnail{
display:none;
}
.header-image::before{display:none}

OMG ~~~ That is so COOL !!!

Thank you Thank YOU !!!

Tomorrow, hopefully, my credit card will work and I’ll be able to buy Pro.

I’m so looking forward. 🙂

Thank you again. 🙂

Karen

the support at Updrafts appears to be a series of written things.

Apparently the reason it’s not working is that my credit union sees the name of the company you use to accept payments as suspicious.

I’ve called them, twice, and am told to do the transaction again. I don’t want to be charged twice…

I missed your answer re Gently. I think you’re right. The developer was on GitHub, but hasn’t been active for two years. It’s sad. He created a really nice theme, but apparently had to abandon it, I would guess because of money.

I’m really into Mitera, but I haven’t checked on the update thing. I’ll see if I can find it now that I’ve read your reply.

🙂