- This topic has 14 replies, 2 voices, and was last updated 10 years, 6 months ago by Sakin.
-
AuthorPosts
-
May 25, 2014 at 3:19 am #32191IanMember
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
IanMay 26, 2014 at 10:55 am #32425SakinKeymaster@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.
May 26, 2014 at 1:39 pm #32463IanMemberHi 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
May 26, 2014 at 4:04 pm #32486SakinKeymasterHi Ian,
That link also doesn’t work. I am asking for your site domain URL.
Regards,
SakinMay 27, 2014 at 1:37 pm #32645IanMemberHi 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
May 28, 2014 at 2:36 pm #32765IanMemberMay 28, 2014 at 3:48 pm #32778SakinKeymasterHi Ian,
Still not opening. When I try that link, it says “GettyStage01 default site page”
Regards,
SakinMay 29, 2014 at 3:52 am #32857IanMemberHi 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
May 29, 2014 at 11:06 am #32908SakinKeymasterHi 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.
June 2, 2014 at 5:09 pm #33287IanMemberHi 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
June 2, 2014 at 11:31 pm #33307SakinKeymasterHello 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,
SakinJune 3, 2014 at 1:23 am #33325IanMemberHi 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
IanJune 3, 2014 at 1:52 am #33328SakinKeymasterHello 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,
SakinJune 3, 2014 at 2:01 pm #33367IanMemberHi Sakin,
Perfect. Thanks for all your help and skills. I’ll follow the instructions on your Pinterest about building a child theme.
Ian
June 4, 2014 at 12:18 pm #33443SakinKeymasterHi Ian,
For child theme tutorial see this http://catchthemes.com/blog/create-child-theme-wordpress/
Regards,
Sakin -
AuthorPosts
- The topic ‘Button colour change & how to centre content in sidebar’ is closed to new replies.