New Front EN › Support Forums › Kanso Theme Support › Set the theme to 100% width
Tagged: responsive, width
- This topic has 5 replies, 2 voices, and was last updated 9 years, 8 months ago by
satori.
-
AuthorPosts
-
January 18, 2014 at 2:04 pm #2354
oren
ParticipantHi,
Great theme!
I’d like to set the theme to 100% width (in general I’m trying to create website similar to this one).
My homepage is the portfolio template (here is a temporary link to my website), and I’ve noticed there’s some kind of dynamic max-width rule to the main container – BUT COULD NOT FIND IT!
Please help…
Thanks!
January 20, 2014 at 5:31 pm #2359satori
KeymasterHey Oren,
first of all, thank you for the purchase!
The “max-width” declaration you’re after is on line 133 of the “responsive.css” file in the theme’s root folder ;) I’ve put the CSS that governs the fluid layout into a separate file in this case.
If you wish to make the website stretch the entire width of the screen, you can add the following CSS into the “Style: Add Custom CSS” tab of the Theme Options panel (or directly change the “responsive.css” line that I mentioned above):
body .container {
max-width: 100%;
margin: 0 20px;
}
Sincerely,
Andrii / Satori StudioJanuary 21, 2014 at 3:59 pm #2363oren
ParticipantHi,
Thanks for the Answer.
I’ve tried your solution and it’s not fully working, and I have a guess why:
It seems that the theme is generating custom CSS code (look in line 605 in the source of my homepage). It’s not only overwriting my CSS files, it also has the !important rule, so I can’t fight it…I assume it has something to the portfolio/isotope system? because it seems like it calculate the box-size + margin, and set max-width for it.
If you can point me again to the necessary changes, it will be much appreciated.
Thanks,
Oren
January 22, 2014 at 12:43 pm #2366satori
KeymasterHey Oren,
the CSS code you’ve mentioned is generated in the “header-functions.php” file; please remove the code on lines 762-810 of that file to disable this CSS.
Sincerely,
Andrii / Satori StudioJanuary 22, 2014 at 6:01 pm #2370oren
ParticipantHi,
So it worked,
but i found that It is also necessary to delete the lines 78-79 in custom-styles.phpThanks again,
OrenJanuary 23, 2014 at 9:33 am #2376satori
KeymasterGlad to hear! Should you face issues or have other questions about the theme, do not hesitate to contact me.
Sincerely,
Andrii / Satori Studio -
AuthorPosts
- You must be logged in to reply to this topic.