[realfitrealfoodmom]

I’m very unfamiliar with code, but I’m trying to figure out if I can easily increase the width of the body of my posts, while also decreasing the sidebar width just a little. My site: http://realfitrealfoodmom.com/

You can see that the leaderboard size ad that I have at the bottom of all my blog posts is being cut off on the right hand side. I like the shape/size of that ad placement in that spot…but I don’t like that it’s being cut off. I assume there is an easy way that I can increase/decrease the widths of my template (body and sidebar) to make it fit? Thanks so much!

[Sakin]

@realfitrealfoodmom: This is responsive theme so increasing and decreasing width is quite complicated. You need to consider smaller devices as well.
You can play around with the following Widths in CSS and add it in “Appearance => Theme Options => Custom CSS” box.

/* For Large Screen */
#primary { width: 754px; }
#secondary { width: 406px; }
@media screen and (max-width: 1224px) {
	#primary { width: 654px; }
	#secondary { width: 340px; }
}
@media screen and (max-width: 1060px) {		
	#primary { width: 530px; }
	#secondary { width: 340px; }
}
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
	#primary { width: 590px; }
	#secondary { width: 340px; }
}
@media screen and (max-width: 960px) {	
	#primary, #secondary { width: 100%; }
}

[LTTL]

Hi Sakin,
Can you help me too?
my blog is http://www.lookingthroughthelarder.com
I want to increase the size of the middle column and decrease the size of the primary menu (on the right?) to the size at the secondary menu on the left.
I tried the above code. It didn’t work. I’m assuming its a different theme that why. Sorry i just starting blogging and learning on my own.
Thanks, will really appreciate you help!

[Sakin]

@LTTL: For your site, the css will be as below. Simply add the following css in “Appearance => Theme Options => Custom CSS” box.

@media screen and (min-width: 1061px) {
    .three-columns #primary { width: 485px; }
    .three-columns #secondary { width: 240px; }
}
@media screen and (min-width: 1225px) {
    .three-columns #primary { width: 650px; }
}

[LTTL]

Yipeeeeee!!! Looks fantastic!!!! Thank you for the fabulous plugin and for such a prompt response. Wish other developers were so helpful!!!
Cheers!

[Sakin]

@LTTL: Thanks for your appreciation and leaving good review of theme will encourage other theme and plugin developer to help. It’s always a positive boost that makes developers happy. Here is link where you can help us by reviewing Catch Evolution at https://wordpress.org/support/view/theme-reviews/catch-evolution

[msabeer3d]

Hello Sakin ,

I have started to build up my site http://www.sabeercad.com . I have used simple catch template . Can you please help me to change my body width by retaining the side bar width, in such a way that my total site width will be 1280 pixels . I am new to worldpress.

Thanks in advance.

Sabeer

[msabeer3d]

Hello Sakin ,
This is Sabeer Again . I have changed the theme of my web site SABEERCAD.COM from simple catch to Catch box . It would be really appreciable if you can give me the CSS codes to do the following changes on my web site .

1. Overall width of the site is 1280 pixels (including body and side bar)
2. Want to assign a image for the header which will occupy the entire area without any padding . eg http://realfitrealfoodmom.com/

(I do like the appearance of this site)

3. Change the menu bar colour .

Thanks and regards

[Sakin]

@msabeer3d:
1. Catch Box theme is for those who prefer small content width. For width like 1280px, you need to use theme like Catch Kathmandu

2. The example image that you showed is from Catch Evolution Theme. This option in not there in Catch Box theme.

3. So, first decide on the theme that you use and then we can work on it. The color options are there in all our pro/premium theme.

[msabeer3d]

Thanks Sakin , for your prompt replay . As per your suggestion I have changed my theme to Catch evolution and it is a wider theme . But now there is a white border on the top of the header . Can you please help me replace that border / Fill that border with a wider header image .

Thanks and regards

my site name is http://www.sabeercad.com

Sabeer

[Sakin]

@msabeer3d: I see that you have already added in the large header image. But then you have disable logo, site title and tagline. So, it has a empty box above your image. You can remove that by adding in the following css in “Appearance => Theme Options => Custom CSS” box.

#header-content { display: none; }

[msabeer3d]

Thanks Sakin for thet CSS code . Now the white border is removed . You have motivated me to learn CSS , as well as to use more catch themes .

My best wishes and regards.

[msabeer3d]

Sorry sakin , to trouble you again . Now I have a slide show on the home page of my site . I have created this slide show by creating posts , the posts tile is 1 , 2, 3 , 4 , 5 , 6 , 7 (altogether there are 7 slides) . The along with the slides the page title is also shown . Can you suggest me how to eliminate these titles so that the entire slide will be displayed ?

I have created these post (from 1 to 7) only for the sake of slide show and there is no contents in that post .I don’t want to these pages to appear any were my site (like side bar – recent post or in main page posts). I could hide these post from the home page . But in the recent posts these posts are appearing (please check my site http://www.sabeercad.com to see it) .

Hoping for a replay

regards from Sabeer

[Sakin]

@msabeer3d: To hide the content in the slider you can add the following css in “Appearance => Theme Options => Custom CSS” box,

#slider-wrap .featured-text { display: none; }

But for the post from recent posts, you cannot remove that. If you want just the images in your slider then you need to use slider type as “Featured Image Slider” which allowed you to upload image only. See this http://catchthemes.com/blog/videos-blog/video-series-adding-featured-image-slider/ . But this option is there only in Pro version.

[msabeer3d]

Thanks for that CSS code .I have got the result . I have two more queries ,

1. How can I make a menu item non-clickable ? For example I don’t want to see the hand cursor when the cursor reach onto the menu item CAD CASE STUDIES . (Its a menu heading)

(my channel name http://WWW.SABEERCAD.COM )

2. How can I change the font of my postings ?

Thanks in advance

Sabeer

[Sakin]

@msabeer3d: Sorry I don’t think there is anything that we can do with that menu hand cursor.

For font you can either upgrade to pro version where you will get font option in theme options panel or you can search for font plugin.

[Michael]

Hi Sakin. I want to decrease the actual website so it doesn´t so big when coming to website, but not the background. Do you have a code for that as well? B R Michael

[Sakin]

@Michael: Post in your site URL and desire width.

[Michael]

I do not know the size that it is today, but if it´s 100% today, then I prefer 90% I think. Is it possible to de-or increase afterwards?
http://www.houseofrecruitment.dk/

[Sakin]

@Michael: It’s really difficult to just say 90%. As this is responsive design and it changes the width as per the screensize. So, can you tell me your screen resolution. So, that I know from which screen are you checking in.

[Author]

Posts