[Ian]

Hi guys, love playing with this theme. Its my first attempt at using wordpress and customising a theme and I’ve built this in the last 2 days

http://203.79f.myftpupload.com

Is there a way I can change the colour of the submit button on my home page – I’m trying to change it to #A16f3c
Also, I have put a calendar/events widget into my Optional Sidebar 1 on my Visit Us page. Is there a way I can centre the widget content within the Sidebar ?
Many Thanks
Ian

[Sakin]

@Ian: Sorry for the late reply. I try to open your site but it’s not opening. Can you check in your site URL. Once you correct this URL so that I can check in and will send you custom CSS to do that.

[Ian]

Hi Sakin,

Try http://203.79f.myupload.com/page-6 and see if that works any better, if not I’ll have to have to work out why not

Ian

[Sakin]

Hi Ian,

That link also doesn’t work. I am asking for your site domain URL.

Regards,
Sakin

[Ian]

Hi Sakin,

I’ll look into it. As far as I can see that’s my temporary URL domain as set by go-daddy. I’ve got a new domain name that I need to swap over and point to it. Will get back to you as soon as they’ve sorted it.

Thanks for your perseverance 🙂

Ian

[Ian]

Hi Sakin,

Think it’s sorted now, try

http://www.salford.photos

Ian

[Sakin]

Hi Ian,

Still not opening. When I try that link, it says “GettyStage01 default site page”

Regards,
Sakin

[Ian]

Hi Sakin,

If you just open the site http://www.salford.photos It should take you straight to it. Make sure there’s no .com after the photos as it’s one of the new photos domain extensions.

Ian

[Sakin]

Hi Ian,

Sorry it doesn’t open. I think you hosting server allows this site to open in your IP only. As nothing comes out when I type without .com.

[Ian]

Hi Sakin,

Can you have another check now. I’ve checked around here and the site’s now live and people are using it from various places now 🙂

Ian

[Sakin]

Hello Ian,

The site is opening and I see that you have changed the color by adding in the following CSS in “Appearance => Theme Options => Custom CSS” box.

#homepage-message .right-section a { background-color:  #3a3d41; }
/* Mouse Hover Background */
#homepage-message .right-section a:hover {background-color: #A16f3c; }

Nice changes.

Regards,
Sakin

[Ian]

Hi Sakin,

I have put a calendar/events widget into my Optional Sidebar 1 on my Visit Us page. Is there a way I can centre the widget content within the Sidebar ?

Also, is there a way to change the colour of all (or individual) widget borders in the sidebars ? I’m going to see what they look like in my colour themes of ~516856 or #A16f3C.

I’ve also altered a couple of things in the main.css before I realised that it needed to be done in “Appearance => Theme Options => Custom CSS”. Does this mean I’ll lose it when I update to the new release of CK Pro ? If so can I preserve my CSS changes by copying them into “Appearance => Theme Options => Custom CSS”.

The code I think is ;

/* =Slider
————————————————————– */

#main-slider {
background-color: #516856;
border-bottom: 3px solid #516856;
clear: both;
display: block;
position: relative;
padding: 0;
}
.featured-slider {
position: relative;
}
.featured-slider .slides {
margin: 0;
padding: 0;
}
.featured-slider .slides img {
box-shadow: none;
margin: 0 auto;
}
.featured-img a img {
display: block;
height: auto;
margin: 0 auto;
max-width: 100%;
}
#main-slider .entry-container {
background-color: #A16f3c; /* Show a solid color for older browsers */
background-color: rgba(161, 111, 60, 0.6);
border: 1px solid transparent;
color: #fff;
width: 350px;
width: 35rem;
padding: 10px 25px 15px;
padding: 1rem 2.5rem 1.5rem;
position: absolute;
bottom: 50px;
bottom: 5rem;
left: 50px;
left: 5rem;
}
#main-slider .entry-container:hover {
background-color: #A16f3c; /* Show a solid color for older browsers */
background-color: rgba(161, 111, 60, 1);
border: 1px solid #516856;
color: #fff;
}

Many Thanks
Ian

[Sakin]

Hello Ian,

To center the calendar, try adding in the following css in “Appearance => Theme Options => Custom CSS” box.

.spider_calendar #calendar_1 {
    display: block;
    margin: 0 auto;
}

To change the border color in our sidebar widgets, you can add the following css in “Appearance => Theme Options => Custom CSS” box.
#secondary .widget { border-color: #516856; }

Yes, you should not edit any files inside the theme directory ‘catch-kathmandu-pro’ as these files will be reverted back to original when you update the theme. So, you will loose your customization. So, to preserve this either you need to add your custom css in “Appearance => Theme Options => Custom CSS” box or by building child theme and adding you custom css in child theme style.css.

Regards,
Sakin

[Ian]

Hi Sakin,

Perfect. Thanks for all your help and skills. I’ll follow the instructions on your Pinterest about building a child theme.

Ian

[Sakin]

Hi Ian,

For child theme tutorial see this http://catchthemes.com/blog/create-child-theme-wordpress/

Regards,
Sakin

[Author]

Posts