[Sakin]

@Steve: First, I see that you are using “Header Featured Image” instead of “Header Image” for logo. The best option it to user Header image for logo, you can add that from “Appearance => Header”. This Header Featured Image is for adding extra featured image like banner and all.

But if you like to control this Image then you can use the CSS ID main-feat-img. SI see that you have added the following CSS in “Appearance => Theme Options => Custom CSS” box.

#main-feat-img {
    box-shadow: none; /* Remove Border */
    float: left; /* Float Left */
    padding-top:50px;
    padding-bottom:0px;
    padding-right:0px;
    padding-left:50px;
}

To center you need to remove float: left; /* Float Left */ and padding-left:50px; from the above css. Since, you are not using Header Image and site titles you can hide that by adding in the following css
#hgroup-wrap { display: none; }

[Sakin]

@Nancy: when I check in your site, it’s working perfectly. After you resize your browser you need to wait for a bit so that slider takes it’s shape.

[Sakin]

@shazcat: Thanks for your appreciation.

[Sakin]

@Mark: For three columns layout. First you need to choose the layout from “Appearance => Theme Options => Layout Options => Default Layout” and then you need to add widgets in “Third Column Sidebar” from “Appearance => Widgets”.

Yes, the lest sidebar will be smaller then the right sidebar. If you want same size then do let me know the size that you want to make it with your Site URI and then I will send your the custom css.

[Sakin]

@Mark Argentino: Thanks Mark for your appreciation. Have a nice day.

[Sakin]

@Michael Vigue: You need to add the following CSS in “Appearance => Theme Options => Custom CSS” box.
.site { box-shadow: none; }

[Sakin]

@Nancy: After you added social icon and text in the right. The Copyright information width is not enough so it floated below. You can try adding in the following CSS in “Appearance => Theme Options => Custom CSS” box.

@media screen and (min-width: 769px) {
#site-generator .copyright { width: 40%; }
}

[Sakin]

@Bouncedancer: Thanks and for RSS to show up as widget, there is default RSS widgets that you can add it from “Appearance => Widgets”.

[Sakin]

@Mark Argentino: All the changes from Theme Options panel and child theme is all good. You will not loose your customization. Only core theme files such as functions.php, index.php, style.css and so on is not allowed to change directly. If changed directly you will loose it when you update the theme. You can change any function of parent theme with your child theme.

[Sakin]

@Nancy: That is because when you add social icon in footer. It will push copyright down. Can you share screenshot of what you want. Then I can suggest you the css.

[Sakin]

@Nancy: I not that sure about it. But have seen plugin with adds responsive columns and also when you add table the code has to be responsive. So, either use responsive columns plugin or responsive tables plugin. I see the table code used in http://www.ipcrew.com/SHSTest/admissions/whyshs/ is not responsive and it’s of fixed width.

You can search for free plugins at http://wordpress.org/plugins/

[Sakin]

@jp_grennier: You can check that from your responsive.css file.

@media screen and (min-width: 1190px) { }
@media screen and (max-width: 1060px) { }
@media screen and (max-width: 960px) { }
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) { }
@media screen and (max-width: 767px) { }
@media only screen and (min-width: 480px) and (max-width: 767px) { }
@media screen and (max-width: 480px) { }
@media screen and (max-width: 320px) { }

[Sakin]

@Nancy: I don’t get it what you want do with this site. You can simply remove the social icon from Footer though “Appearance => Theme Options => Social Icons” and uncheck Enable Social Icons in Footer.

[Sakin]

@Nancy: If you have already change your column width to 854px then you need to increase the size of image in the sizer to 854px. This will be difficult using default image form Feature Page or Post slider. But I see that you are using Catch Evolution Pro theme then you can just user Featured Image Slider and then upload the image as per your need.

[Sakin]

@kissthegroom: You can add the following CSS in “Appearance => Theme Options => Custom CSS” box to add border top and below the menu.

#header-menu ul.menu {
    border-bottom: 1px solid #757575;
    border-top: 1px solid #757575;
}

[Sakin]

@kissthegroom: You can add the following CSS in “Appearance => Theme Options => Custom CSS” box.

#header-left {
    display: block;
    float: none;
    width: 100%;
}
#site-logo {
    float: none;
    text-align: center;
}
#site-logo a {
    display: inline-block;
}

[Sakin]

@Nancy: There is 2 ways to do that. 1. Is by adding the new div wrapper like below

<div class="table-noboder">Your Table Code and test</div>'
and then we can add specific to that class table-noboder in "Appearance => Theme Options => Custom CSS" box. 

.table-noboder .entry-content table,
.table-noboder .entry-content td { border: none; }`

Or you can add page specific css directly. For example, your page http://www.ipcrew.com/SHSTest/admissions/whyshs/ is page id 139. So, just add the following CSS in “Appearance => Theme Options => Custom CSS” box.

.page-id-139 .entry-content table, 
.page-id-139 .entry-content td { border: none; }

[Sakin]

@corvette: It’s because you have long menu in your header. You can add the following css in “Appearance => Theme Options => Custom CSS” box.

#site-logo { padding-top: 15px; }
#hgroup { padding-top: 30px; }
#header-right { padding-top: 5px; }
#hgroup-wrap { padding-bottom: 20px; }

Note: If you want to reduces it more then you can reduce the padding as per your need.

[Sakin]

@Mark Argentino: You can add the following CSS in “Appearance => Theme Options => Custom CSS” box

.social-profile ul li.facebook a { background-position: 0 -44px; }
.social-profile ul li.twitter a { background-position: -44px -44px; }
.social-profile ul li.google-plus a { background-position: -528px -44px; }
.social-profile ul li.linkedin a { background-position: -176px -44px; }
.social-profile ul li.rss a { background-position: -88px -44px; }

[Sakin]

@craiginthebox: Sorry I don’t get it. Can you explain in reference to your site URI or make be share screenshot of what you want. Also to make changes to core theme files, you need to build child theme and work on it.

[Author]

Posts