Osclass forums

Support forums => Themes => Twitter => Topic started by: Krishnakumar_KA on May 20, 2014, 03:41:00 pm

Title: How to make Twitter theme to Full width
Post by: Krishnakumar_KA on May 20, 2014, 03:41:00 pm

Hi Everyone,

I am using Twitter bootstrap theme for my website. As you see in all OSclass themes, Twitter bootstrap also not in full width. I want to make this theme full width like Quikr.com or OLX, may I know how to do this?

I request OSClass team to make all themes to 100% full width. That will give more space to add more columns in classifieds.

Thanks,
Krishnakumar KA

Title: Re: How to make Twitter theme to Full width
Post by: design on May 21, 2014, 02:08:35 am

full width is a relative term. I recreated the twitter bootstrap with current classes that make it device responsive.

http://forums.osclass.org/twitter/updated-twitter-v3/ (http://forums.osclass.org/twitter/updated-twitter-v3/)

i'll attach it here too

Title: Re: How to make Twitter theme to Full width
Post by: Krishnakumar_KA on May 21, 2014, 08:10:17 pm

 :) so if I upload this theme I can see my website in full width in any monitor irrespective of resolution? Sorry if I am using wrong technical terms. Plz see the attached image. Lots of space left and right side of the main block. At least if i can make that blue color bar full width without round edge that would be great.

KK

Title: Re: How to make Twitter theme to Full width
Post by: design on May 21, 2014, 08:11:32 pm

yep..  ;D

get more responsive and fluid design ideas from getbootstrap.com

Title: Re: How to make Twitter theme to Full width
Post by: Krishnakumar_KA on May 21, 2014, 08:16:15 pm

Hello Design,

I am checking the bootstrap website. Thank you. Plz check the attached image in the previous comment.

KK

Title: Re: How to make Twitter theme to Full width
Post by: design on May 21, 2014, 08:21:54 pm

yes, as that is a personal preference you need to use getbootstrap.com information.

in the old theme you downloaded, there should be a link to the old bootstrap formatting rules. however, I am not sure if that navbar menu used (the one in your picture) is actually bootstrap  ???

Title: Re: How to make Twitter theme to Full width
Post by: Krishnakumar_KA on May 21, 2014, 08:47:54 pm

 :) That is Skysa bar. Yes that bar always display in 100% width.

KK

Title: Re: How to make Twitter theme to Full width
Post by: Krishnakumar_KA on May 22, 2014, 02:58:29 am

Hi,

Could you please tell me where I can change the code for topbar padding? Kindly see the attached files. I want twitter bootstrap topbar padding like the topbar in Repurpose.

Thanks,
KK

Title: Re: How to make Twitter theme to Full width
Post by: design on May 22, 2014, 06:17:16 pm

all styles can be changed on the css file. or you can do inline styles.
I won't style your website for you. but if you use your web developer tools in your browsers tool box and a good editor and file uploader. you should be up and running in no time.

Title: Re: How to make Twitter theme to Full width
Post by: Krishnakumar_KA on May 22, 2014, 07:38:41 pm

Ok, thanks. Everyone;s guidance will be helpful  :)