[Michael]

It´s a 14 inches screen I have…

[Sakin]

@Michael: try adding in the following css in “Appearance => Theme Options => Custom CSS” box:

@media screen and (min-width: 1080px) {
.site { width: 1100px; }
}

[Michael]

That´s great! Exactly what I wanted…

[bennyvaldes]

Hi I’m sort of new to the blogging world. Started my blog not too long ago. I finished up making my site and realized that my site is really narrow . Everything is going straight down the middle and if you look at the top heading of the my site where is has the site name “My Passive Income Docudiary” it’s all scrunched up together. I would like to make it wider (the heading and the page) also because when I post banner ads within my blog posts they are getting cut off because the page down the middle is way too narrow for my banner ads. Can you help me resolve this issue? Hopefully I explained it all right to you or you can check out my page here: http://www.mypassiveincomedocudiary.com , and see what i’m talking about. I actually did the site from watching Tyler Moore’s tutorial on YouTube (https://www.youtube.com/watch?v=Oiov0L4blIw) but thats how I noticed. On his YouTube video the page goes all the way across and lines up with this site name at the drop down window area on the very top left. Thats how I noticed my page is super narrow and only goes up to the plus sign at the very top in that same area. I want to widen the page to fit banners ads in the middle if the site and not have to rely anymore on box ads, and 2, I want it to look cleaner. Looks a little cluttered down the middle right now. Anyways, hopefully you can help me out. I tried reading and looking for a fix here through the posts but i’ve tried every suggestion here and can’t get it to change or widen at all. Figured maybe you can see something I cant on the Inspect Element on chrome and see what i’m missing. Thank you so much and hopefully we can fix this soon. My site has been this way going on 2 months now .. just trying to figure it out.

Take Care and thanks a million
http://www.mypassiveincomedocudiary.com

[Sakin]

@bennyvaldes: Your title is scrunched up together as there is css loaded from your google font plugin, which uses h1 letter-spacing as -5px. See the css:

h1 {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 100;
    letter-spacing: -5px;
}

So, either you need to rectify that from your google font plugin css or add in the following css in “Appearance => Theme Options => Custom CSS” box:

#site-title {
    letter-spacing: 0;
}

If you want to increase the width of the site then you can add the following css in “Appearance => Theme Options => Custom CSS” box:

div.layout-978,
#mainmenu,
#featured-slider,
#featured-slider .slides,
#featured-slider .featured {
    width: 1170px;
}
.featured img {
    width: 100%;
}
#main #content {
    width: 740px;
}
#content .col5 {
    width: 480px;
}
#main .sidebar {
    width: 400px;
}
#footer .powered-by {
    float: right;
}

[bennyvaldes]

Dude I just want to THANK YOU soon much! I was struggling with this issue for a long time. I could not figure it out at all. I actually just took Easy Google Font plug-in and deactivated it. I was actually using that from another theme I was testing out. And I applied the script you out up so I could change the width and it worked like a charm!!!! Thank you so much. I will definitely write and article on my blog about this and hopefully send some good traffic your way. You have no idea how relieved I feel. lol I was actually just going to start with another theme again but I was just so frustrated.I will post a link here once I blog about the fix and hopefully let people know you guys rock! There is still a bit I have to fix on the site especially that when I applied the script you sent me here it moved the slider box up to the left but I think thats minor compared to the way it was before. lol Thank you Thank you and I hope all is well out there!!!!! Take care
–benny valdes
New York, NY

[bennyvaldes]

P.S…. When I deactivated the Easy Google Fonts plug-in it automatically adjusted the heading on my page to default spacing what ever that is lol. Thanks again I super happy and really grateful you took time to help me!!!!

[Sakin]

@bennyvaldes: Sorry for that and thanks for your appreciation. Can you find the following css that I gave you earlier:

div.layout-978,
#mainmenu,
#featured-slider,
#featured-slider .slides,
#featured-slider .featured {
    width: 1170px;
}

Just replace above block of css with the following css:

div.layout-978,
#header #mainmenu,
.featured-slider,
.featured-slider .slides,
.featured-slider .featured {
    width: 1170px;
}

[bennyvaldes]

All done friend!!!! It looks absolutely great!!!! Thanks again. It had me baffled for a long time lol. Have a great day!!!
p.s. I will message you here with the link to the blog about this help you gave me. It was fast and soooooooo important. Thanks for you time!

[Sakin]

@bennyvaldes: Thanks for your appreciation. Have a nice day 🙂

[warekart]

@LTTL
Hi my website is http://www.warekart.com/index.php/product/12w-square-led-panel-light-indoor/ i would like to make it full page with low side margin so that product image & its name shall be in one row with 2 side bar can you please help me to achive it

[Sakin]

@warekart: You site is not accessible. It is showing 503 Service unavailable. So, let me know once your site is live back.

[KTR1982]

Hello

I am from Mortgageloanandmortgagerefinance.com
I try to increase the width of theme and also
want content width (756px) and the sidebar width bigger (324px)

can you help me write the html code for CSS custom

Thanksss

[Sakin]

@KTR1982: You sire is not working. Please check in your site URl and let me know it.

[depostozher]

hey @Sakin can you help me out here my site is http://depo-stozher.com/

I try to stretch the witdh of content ( posts and slider box ) from the left side menu all the way to the end of the header picture but if I pass 900px it goes down like you see it now .. I guess its blocked from the space occupied by a right-side bar or something how do I handle this ? thanks !

[Sakin]

@depostozher: Sorry we only support theme developed by us not from other theme shop. I don’t see you use any theme from CatchThemes.com

[clickable]

Help @sakin Can you check clickableblog.com and view one of the post. you will find out that some write ups advert et.c cut off when viewing from mobile devices..
I love the theme thats my only problem with the theme.
I want to xpand the width of the theme a little bit for mobile only mobile devices.
can you assist please.

[Sakin]

@clickable: Sorry, we only support theme developed by us (CatchThemes). The site you are referring is not using our theme. So, please contact the theme author.

[coachnik]

Hi Sakin,

My website is NourishedMinds.com. I want to increase the width of my site along with the width of the main column. I’d like the site to extend almost full width but still want some of the background to show. Can you provide CSS to do this?

Also, I really like the Catch Kathmandu theme and I’m thinking of switching over but worry how my plugins will adapt. Can you suggest a process to make a smooth transition without it effecting my plugins, sidebars, tracking, etc?

Thanks!

[Sakin]

@coachnik If you like Catch Kathmandu then, I recommend you to switch then changing the widget. As when you increase the width, you might have problem with the image sizes being small. But if you want to use Catch Box and increase the width, then you can add the following css in “Appearance => Customize => Theme Options => Custom CSS” box:

@media screen and (min-width: 1025px) {
 .site { width: 96%; max-width: 1280px; }
 #primary { width: 71%; }
 #secondary { width: 26%; }
}

[Author]

Posts