Theme conflicting with plugin.. Please help

The homepage slider is looking centered to me – did you get this sorted out?

Thank you for your response. I was able to get rid of the side panel where you have comment,tags, title, etc. but other pages like About(urbanehanger.com/about), Contact, and even post are not “page” centralized even when i use the html tag (<center>). Also, the mobile view is terrible at this point. Please advise!

Hi there, one reason the mobile display may not be as it should be because you’ve added quite a few styles to your child theme that are overriding the mobile media queries, and instead forcing a wide width even on small devices. For example:

#main {
   max-width: 1280px;
   margin-left: auto;
   margin-right: auto;
}

body {
   margin: auto;
   width: 1280px;
}

You may want instead to target only wide devices with some of those styles. You can learn how to do that with media queries here:

https://css-tricks.com/snippets/css/media-queries-for-standard-devices/

I suggest you check your site on a mobile device after adding one or two custom styles at a time. That will let you see where the problematic style is more quickly, so you can adjust it as needed.

I’ll reply to your other question separately.

other pages like About(urbanehanger.com/about), Contact, and even post are not “page” centralized even when i use the html tag (<center>).

The <center> tag isn’t going to center the page content the way you want.

Try this in your child theme’s CSS:

.page .entry-content {
   margin: 0 auto;
   float: none;
}

So sorry for this delay… I didn’t notice you replayed yet. The home page seems to be in good shape now except for the “table border lines” showing on the page even though the cell border are at 0px.. Pls advice. Also, I’m still having challenges with other pages like about, contact and even posts too. Firstly, I want to be able to center the about and contact page. Secondly, I want “1280 width” for all my posts. I am thinking I can add more css files to help achieve my aim but I am not getting some things right.. Please assist me!

Thank you for your time.

Hi there, I used the Firebug for Firefox addon to find the style being applied to your table borders:

.entry-content td, .entry-summary td, .comment-body td {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: rgba(0, 0, 0, 0.1);
    border-image: none;
    border-style: solid;
    border-width: 0 1px 1px 0;
    padding: 8px 8px 9px;
}

You can remove those borders in your child theme CSS. Something like:

.entry-content td, .entry-summary td, .comment-body td {
    border: none !important;
}

Learning how to target your site’s CSS will help you make certain design changes, such as increasing the layout width. Here are some very helpful posts that will help you customize your site with CSS:

https://dailypost.wordpress.com/2013/07/25/css-selectors/

https://dailypost.wordpress.com/2013/06/21/css-intro/

If CSS is new to you, we also have some resources for learning more about it here:

• CSS Basics
• Editing CSS
• How to Find Your Theme’s CSS

Also, I’m still having challenges with other pages like about, contact and even posts too. Firstly, I want to be able to center the about and contact page.

Adding the CSS to your child theme that I gave you above works for me did you try it?

.page .entry-content {
   margin: 0 auto;
   float: none;
}

THank you so much for your response. Unfortunately the code below only works for the about, contact pages but it doesn’t work for the homepage.

.page .entry-content {
   margin: 0 auto;
   float: none;
}

For illustration purposes I have included the css modification for you to see what it looks like on the homepage. Also, the border didn’t go out completely. Please advice

Did you get this sorted out? Your homepage content looks centered to me and I don’t see any stray borders, except for the dotted lines you’ve added.

This is what it looks like on my end in Firefox 26:

You are too kind Kathryn… I got the homepage sorted out with css instead of the table I used previously. I’m still not able to center the about,contact, post pages though. The css you provided worked for these pages except for the homepage, so I removed it.. Please advice further

If you add back the CSS above, does that center the other pages and posts?

YES!!!! But the homepage will be disorganized. Could you please assist me with how I can go about customizing a different css for my posts because I want a 1280px width for images in the posts and right now the homepage,post, etc. are controlled by just one css(with the width 940px) which makes it impossible to have a full width on my posts.