[Sakin]

@Irina: For Square image of 150x150px then you need to use Photoshop and crop the image in exact that size and then upload the image as Featured image of that post. After that you can remove my CSS and just add @Nancy css. You don’t need to add both the css. Those 2 css are for 2 different cases.

[Sakin]

@kacmcgrath: First remove the following CSS in “Appearance => Theme Options => Custom CSS” box.

#site-logo { padding-left: 400px; 
text-align: center;
}

I also see another set of custom css at http://www.katiecharlesmcgrath.com/?custom-css=1&csblog=1&cscache=6&csrev=65 . There also you need to remove the following css.

#site-logo {
    padding-left: 400px;
    text-align: center;
}

Then you can add the following Custom CSS in “Appearance => Theme Options => Custom CSS” box or in your CSS section from Jepack plugin.

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

[Sakin]

@Irina: The featured image in the post will take the size of 754px width and 400px height. So, the only option at this stage will be to crop the image in your computer and upload the smaller image of 150px by 150px. So, when the WordPress doesn’t fine the larger featured image, it will simply take the original image that you have uploaded. So, this way you can solve the size issues.

For custom css, you don’t need to know about this much. You can simply add the css in “Appearance => Theme Options => Custom CSS” box from your WordPress Dashboard.

[Sakin]

@amycooke999: If you have empty sidebar then it will show Archives and Meta widgets by default. To remove the sidebar in Catch Box Free Theme, you need to select “One-column, no sidebar” from “Appearance => Theme Options => Default Layout”.

[Sakin]

@drshento: 🙂

[Sakin]

@amycooke999: I check in your site and sidebar is showing in Left. I also check in your screenshot where you left sidebar has moved below the content. As you are viewing your site in smaller screen size. This is responsive theme and it will change as per the screensize. So, when you are viewing the site from device or browser size below 961px. It will make the content full width and push the sidebar below:

See in the large screensize screenshot: https://www.diigo.com/item/image/4mqpj/nu41
See in the small screensize screenshot: https://www.diigo.com/item/image/4mqpj/ypa3

[Sakin]

@amycooke999: Oh you have posted in Wrong forum that is why I got confused. You are using Catch Box theme and posted your question in Simple Catch Theme forum. In catch box theme, you can change the layout only from “Appearance => Theme Options => Default Layout”

I see that you have selected “Content on right” and added text widget in “Main Sidebar” and Category Widget, Calendar Widget and Page widgets in Footer Area One, two and three from “Appearance => Widgets”.

The widgets that you add in Footer Area One, two and three will show in Footer. But the widgets you add in Main Sidebar will how is content sidebar. Since you have selected “Content on right”, your sidebar is showing in left and content on right and all footer widget at bottom http://dumbandfunny.com/

[Sakin]

@CharlieCZ: Sorry bit confusing question. Do you mean to change the color of your <h4> tag. If so then you can add in the following CSS in “Appearance=> Theme Options => Custom CSS” box.
#main h4 { color: #003366; text-align: center; }

[Sakin]

@klhaight: I see that you build child theme and edited lot of style. I see so many repeat css which you can delete it and also you have added css in “Appearance => Theme Options => Custom CSS” box. So, it’s very difficult for me to check in.

So, first delete all the css from “Appearance => Theme Options => Custom CSS” box and your child theme style.css custom css. Then check in with IE9. IF this is file then you can add in custom css in your child theme style.css one by one as per the requirement. Please don’t add unnecessary css.

If you are checking below IE9 then you need to use plugin such as https://wordpress.org/plugins/wp-ie-enhancer-and-modernizer/

[Sakin]

@Irina: You can check this article at http://premium.wpmudev.org/blog/crop-image-wordpress/

[Sakin]

@thatfashiondude: Ok I need to check in details so I please respond my email.

[Sakin]

@Irina: Yes, you can use the above css given my @Nancy. But after you add in that css you need to upload the Featured image of small size. The reference site you have given uses featured image size of 150px height and 150px width. This is the best option.

But if you want to just control the size with the CSS. Then you can add the following css which adds size in the @Nancy css. You can add the following CSS in “Appearance => Theme Options => Custom CSS” box.

.home .entry-summary .wp-post-image,
.archive .entry-summary .wp-post-image {
    display: inline;
    float: left;
    height: auto;
    margin: 0 10px 10px 0;
    width: 30%;
}

[Sakin]

@SteffB: Please check in your site. I am not able to open it. It says “Unable to connect”.

[Sakin]

@thatfashiondude: Strange. It’s updating fine in our side. I just change the Post id in “Appearance => Theme Options => Featured Post Slider => Add Slider Options”.

So, can you tell me what did you add in your Slider Options? Need more details about what’s not working.

[Sakin]

@drshento: Thanks I try my best to make everyone happy and when I receive any appreciation. It makes my day wonderful. Thanks a lot 🙂

[Sakin]

@drshento: Yes, that’s not the right css. Can you try adding in the following css.

#header-menu ul.menu {
    float: right;
}

[Sakin]

@Bouncedancer: That’s fine.

[Sakin]

@amycooke999: Can you post in your site URL? There is layout Options in “Appearance => Theme Options => Layout Options”, where you can choose “Right sidebar”. This will be for overall site. But if you want different layout in specific page/post then you can choose on that particular page/post as “Right Sidebar”.

Then go to “Appearance => Widgets” and add widgets in your sidebar.

[Sakin]

@CinnamonEarth: You need to edit the width of both menu and sub-menu.

/* For Parent Menu */
#header-menu ul.menu a {
    padding: 0;
    text-align: center;
    width: 198px;
}
/* For Sub-Menu */
#header-menu ul.menu ul {
    width: 205px;
}

[Sakin]

@scott: Can you upload your logo and design in your site and then send me the URL. I will send you the css code to do that.

[Author]

Posts