Advertisement:

Author Topic: How to make Twitter theme to Full width  (Read 1850 times)

Krishnakumar_KA

  • Newbie
  • *
  • Posts: 20
How to make Twitter theme to Full width
« 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

design

  • Hero Member
  • *****
  • Posts: 2619
  • Osclass 3.5 MAC/PC w/ Modern Browsers
Re: How to make Twitter theme to Full width
« Reply #1 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/

i'll attach it here too

Krishnakumar_KA

  • Newbie
  • *
  • Posts: 20
Re: How to make Twitter theme to Full width
« Reply #2 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
« Last Edit: May 21, 2014, 08:14:12 pm by Krishnakumar_KA »

design

  • Hero Member
  • *****
  • Posts: 2619
  • Osclass 3.5 MAC/PC w/ Modern Browsers
Re: How to make Twitter theme to Full width
« Reply #3 on: May 21, 2014, 08:11:32 pm »
yep..  ;D

get more responsive and fluid design ideas from getbootstrap.com


Krishnakumar_KA

  • Newbie
  • *
  • Posts: 20
Re: How to make Twitter theme to Full width
« Reply #4 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

design

  • Hero Member
  • *****
  • Posts: 2619
  • Osclass 3.5 MAC/PC w/ Modern Browsers
Re: How to make Twitter theme to Full width
« Reply #5 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  ???


Krishnakumar_KA

  • Newbie
  • *
  • Posts: 20
Re: How to make Twitter theme to Full width
« Reply #6 on: May 21, 2014, 08:47:54 pm »
 :) That is Skysa bar. Yes that bar always display in 100% width.

KK

Krishnakumar_KA

  • Newbie
  • *
  • Posts: 20
Re: How to make Twitter theme to Full width
« Reply #7 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

design

  • Hero Member
  • *****
  • Posts: 2619
  • Osclass 3.5 MAC/PC w/ Modern Browsers
Re: How to make Twitter theme to Full width
« Reply #8 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.

Krishnakumar_KA

  • Newbie
  • *
  • Posts: 20
Re: How to make Twitter theme to Full width
« Reply #9 on: May 22, 2014, 07:38:41 pm »
Ok, thanks. Everyone;s guidance will be helpful  :)