How To Customise Colorlib’s Illdy WordPress Theme

This post contains affiliate links, marked by an *

Customise Illdy without losing your mind.

Need a domain? Get a .design, .ink or .wiki domain for $5!*

I was a total WordPress novice when I decided to make the leap and switch this site over from Weebly to WordPress. Honestly, I had no idea what I was doing, and fumbled around until I found a theme I loved – Illdy.

It was free, which was amazing, as it gave me the best-looking website I’d ever owned; but of course there were some things that I needed to tweak as I grew more confident with code.

Here are some of the css code snippets I’ve used to customise Illdy for my website.

Adapting to Illdy updates

I’ve dreaded each update to the Illdy theme, because there’s always some major change to cope with. This means there’s new codes and changes to add to this post, so bear with me as I add them soon. And yes, I actually created a child theme for Illdy to prevent the changes, but somehow I couldn’t get my child theme to respond fully to all the changes I’d made… so I had to stick to the developer’s theme.

But then, the last update made my site look horrendous, and I went running back to my child theme. It’s meant that some of my links won’t change to the right colour, but I’m trying to work on more important things at the moment… in the grand scheme of things, a few yellow hover links don’t make a difference.

Hey, I’m still a novice; I just do my  best.

The CSS codes to change Illdy, and what they do.

Change colour of links

.markup-format a {
    color: red;
}

Remove link underline

.markup-format a {
 text-decoration: none;
}

Remove yellow dots from jumbotron

#header .bottom-header span.span-dot {
display: none;
}

Like this post? Check out the resources I use for creating and managing my websites!

Change contact form background colour

#contact-us {
background-color: #ffffff 
!important;
}

Change contact form name, email and subject background and border colours

 
#contact-us .section-content .wpcf7-form p .wpcf7-text {
background-color: #ffffff;border: 1px solid #baa9a9;
}

Change contact form message box background and border colours

#contact-us .section-content .wpcf7-form textarea {
background: #ffffff !important;border: 1px solid #baa9a9;
}

Change colour of the first jumbotron button

#header .bottom-header .header-button-one{    
line-height: 63px;    background: #e83904;    border: none;
}

Change hover colour of the first jumbotron button

#header .bottom-header .header-button-one:hover{    
background: #1a2226
}

Change colour of the second jumbotron button

#header .bottom-header .header-button-two {    
background: #1a2226;
}

Change hover colour of the second jumbotron button

#header .bottom-header .header-button-two:hover {    
background: #e83904;
}

Change colour of widget lines

.widget .widget-title:before {
background-color: #e83904;
}

Change hover colour of social share widget

.widget ul li:before {
color: #e83904;
}

Change colour of “read more” link under blog preview

#latest-news .section-content .post .post-button {
color: #e83904;
}

Change colour of “read blog” button

#latest-news .latest-news-button {    
background: #e83904;
}

Change colour of “read more” button on blog page

#blog .blog-post .blog-post-button { background-color: #e83904 !important; }

Change colour of author icon on blog post

#blog .blog-post .blog-post-meta .post-meta-author .fa {    
color: #e83904;
}

Change colour of author text on blog post

#blog .blog-post .blog-post-meta .post-meta-author {    
color: #888;
}

Change colour of date published icon on blog post

#blog .blog-post .blog-post-meta .post-meta-time .fa, #blog .blog-post .blog-post-meta .post-meta-categories .fa {    
color: #e83904;
}

Change colour of comments icon on blog post

#blog .blog-post .blog-post-meta .post-meta-comments .fa {    
color: #e83904;
}

Remove/change padding on home page

body.home.page section.content-area {    
padding-top: 0;
}
body.home.page section.content-area {    
padding-bottom: 0;
}
body.page .post-inner-content {    
padding-bottom: 0;
}
body.page .post-inner-content {    
padding-top: 0;
}

Remove/change padding on about section

#about, #static-page-content {     
padding: 10px 0 0px 0;
}

Remove/change padding on latest news/blog section

#latest-news, #static-page-content { 
padding: 0px 0 0px 0; 
}

Remove/change padding on contact us section

#contact-us, #static-page-content { 
padding: 0px 0 0px 1; 
}

Remove title from blog titles and page titles

#header .bottom-header h1 {
display:none;
}

Change display size for mobile devices

@media only screen and (max-width: 768px) {
#header {
background-attachment: initial !important;
}
}
@media only screen and (max-width: 480px){
#header .bottom-header h2 { 
font-size: 30px; line-height: 1.2; 
}
.top-header img { 
width: 250px; 
}
#header .bottom-header { 
padding-top: 50px; padding-bottom: 50px; 
}
}

Hide date published

.blog-post .blog-post-meta .post-meta-time { 
display: none;
}

Hide author

.blog-post .blog-post-meta .post-meta-author { 
display: none;
}

Hide comments

.blog-post .blog-post-meta .post-meta-comments { 
display: none;
}

Change Mailchimp subscribe button text colour

input#mc-embedded-subscribe.button { 
color: #ffffff 
}

Change Mailchimp subscribe button colour

input#mc-embedded-subscribe.button { 
background: #e83904;
}

Change contact form submit button text colour

input.wpcf7-form-control.wpcf7-submit  { 
color: #ffffff 
}

Change contact form submit button colour

input.wpcf7-form-control.wpcf7-submit { 
background: #e83904;
}

Change widget text colour

.widget a {
    color: #e83904;
}

Remove page titles

#blog .blog-post .blog-post-title { display: none;
}

The end.

So there you have it – all the codes I’ve used to change aspects of this WordPress theme. I hope it’s been of some use to you… and remember, I’m an artist, not a web developer. This is just my hobby 🙂

Subscribe to my newsletter below for more tips on DIY marketing and web management for creatives!

 Reading suggestions


The Best Spam Comments On My Blogs This Week – #3

The best spam comments left on my blogs this week.

I’ve actually made it to three installments, because the spam just keeps coming. Sometimes it’s hard to believe the stuff these people make up, but I’m seeing a variety of approaches the closer I look into it.

The spam void. Beware of looking too closely… you might fall in and never return. Anyway, here they are.

You want to what?

“Awesome issues here. I am very satisfied to
look your article. Thanks so much and I am having a look forward to touch you.
Will you please drop me a mail?”

 

Souper duper lacework.

“It’s souped up to understand the truths about lacework business.”

It might just be the combination of Google translate and a ripped off bit of text, but I appreciate the thought of someone getting truly revved about the secrets of tatting.

What? Seriously? An actual comment?

“This is truly useful, thanks.”

Hmmm. Deceptive.

 

These guys are getting deep now…

“Who dominates the truth, also dominates the internet market.”

Written in an almost scriptural tone.

 

Go on then…

As good as last week? Definitely creepier. Seen any good ones this week?


Waterloo

Waterloo

In the evening I walked through the subway towards the station.

 

I saw the writing on the wall, and realised I had walked into a poem. One that was meant to be commenced at my destination. For those going towards the city.

Pointless to read, but I glanced nonetheless. I would not have stopped, but that one line not hit me like a cold slap across the cheek. It may have been written for all travellers, but today it was only for me.

 

I read it again.

 

 

I knew, I remembered, because of that very day. A day of watching lovers in Westminster, lovers in Jubilee Gardens, lovers in Waterloo.

I remembered without jealousy when we were them, or they were us. I was as happy for them as I was happy for us. I remembered that day when we rolled on the grass in that public private garden, putting on a show of the most exquisite happiness for all the people having their lunches, reading their books and waiting for their buses.

We strolled from park to place to point, never needing to be anywhere but the place we were. Up there on the cool grass, I laughed so hard, kicking my legs in the air, holding his face over mine, pulling his arm around me, pulling my dress down around my knees for the sake of the strangers. But now, under pavements, I am sucked through a concrete straw, into the mouth of Waterloo station.

 

The words on the rounded wall pointed to me alone and my dream of a garden, faded and foxed like a watercolour left in the sun.

 

I remembered another summer in another garden in London, sunlight on my face and hands in my hair. Then flashes of trains, airplane windows and cars, always moving and waving goodbye. A Venn diagram of our worlds merging in the thinnest secondary-coloured sliver. But then how I suddenly thrashed and reveled in wonderful grief, doubled over clutching at my stomach, gasping, barking, rasping.

I remembered how I grieved then for the grief itself, quietly and exquisitely, drawing out its every breath and measuring its feebling pulse. Then how I suddenly wished it dead. I folded it neatly and put it into a box of favourite mistakes, there to gather dust and eventually, hopefully, innocence.

 

Cold uneasiness came over me, faced with the fading stain of the kiss that was once so eager, then became so weak. Not just the draft through the tunnel.

 

It was the guilt. Of not wanting to live in the dark any more.

 

Guilt. The guilt of letting it go and it letting go of me.

 

Guilt. Of cruelly prising apart the grip of my right hand with my left.

 

Guilt. Of wanting to see the surface again.

 

But how long could I stand motionless in front of these words? There could no longer be any place left for it, not by my invitation. Neither here in this close tunnel nor above ground. Up there, my green garden belongs to lovers; down here, it cannot exist. The expectation and the memory fought. Green and grey, they collided and kicked at each other until I tore them apart. Crumpled and flung into the corner like read letters. So it had to be. I knew it wasn’t a promise; it was only a plan.

 

 

I had a train to catch.

 

 

 

 


Originally published in 2011, this was inspired by my first encounter with Sue Hubbard’s poem “Eurydice” on the walls of the Waterloo underpass.


The Best Spam Comments On My Blogs This Week – #2

The silliest spam comments on my blogs this week.

Another week of pruning comments from my websites‘ spam filters. Not as good as the previous week, but good enough to make me want to do it again, so here goes.

Here are the gems that Akismet vacuumed up for me this week.

Let’s all sing together.

“As a choral musician myself, I can relate to Br. Mark’s comments. I never had the talent or discipline to be a soloist, but I’ve always loved choral singing. Currently, I sing first soprano with a 75-voice master chorale. The most important skill I’ve learned over my nearly 40 years of singing in choirs is to listen to those around me, to be a complement to the others, to not be a selfish singer of prideful arrogance about my own skill, but to be a generous member that can blend into the totality of the choral sound.”

Right before dropping in a link to knockoff Hermes bags.

 

Lasagne

“Spring lasagna??! Love this idea!”

I have never published a recipe.

 

I am not your cousin.

“I was suggested this web site by my cousin. I am not sure whether this post is written by him as nobody else know such detailed about my problem. You are wonderful! Thanks!”

I may well be wonderful, but I assure you that I am not your cousin.

 

It’s your thing

“No matter if some one searches for his necessary thing, so he/she wants to be available that in detail, thus that thing is maintained over here.”

Go on then…

You must have come across some spam clangers yourself. Any to share?


Inheritance: The Search For My Mother’s Father – Part 2

(Start here – Part 1)

For years, we believed my eldest aunt’s story about the identity of the white man who got my grandmother pregnant.

Joycelyn was the eldest of my grandmother’s two daughters, and although she was only twelve years old at the time, she was more reliable than anyone else who had given us information. However, no one else had any information for us, so my mother had no choice but to believe.


0