SimplePortal
Customization => Themes and Graphics => Topic started by: 420connect on May 18, 2015, 08:37:55 AM
-
Hey,
I'm not sure if this would be solved via SP files or the theme itself..
I'm basically looking to add some space between the "main block" and the columns to the side:
(as you can see they are side by side with no spacing at the moment..)
(http://i.snag.gy/zVOj3.jpg)
Theme: (Redsy) http://custom.simplemachines.org/themes/index.php?lemma=2833
Many thanks in advance for any suggestions! :)
-
Site URL and it's a 2 mins fix ;) From the looks of it I'd say add "margin-left: 5px" to your custom css style in the "Top Boards" block properties, but I need to see it to be sure. I checked your forum and cannot find/select the theme so... :/
-
So here we go, I got the address privately :)
Add this to your block property: "margin-left: 5px" and it's good. However the theme is very odd and has another margin left thingy that messes up the whole site in multiple places when you do that (don't ask me why, I think it was overseen). The solution for that is to blindly remove the other margin-left: 5px that you have in your bootstrap.css around string 271. This procedure is resolution-based so it adapts itself to the screen in use, in case you were wondering about it :)
-
Many thanks for the help ninja!
Hmmm,
With the suggested changes I am able to move the title of the block over but the 'body' remains with no added space (even with the added margin)? :o
-
Well you gotta add it in both places, both for the body property but also for the title one (which is what you already did) ;D Sorry for not mentioning it.
-
Sorry, I mean - even after adding it to the body, it seems to be ignored..
I find when I uncheck the box to disable the background/body of the block, my margin-left takes effect but with the box checked, it's like it's ignored.
Also, playing around with inspect element, I've found if I ad "style="margin-left: 5px" to the line "<div class="windowbg"> that is a part of the block, I achieve what I am looking for but I'm not sure how to implement it properly..
-
Given that the theme has a very very weird behaviour and you are completely right... Scratch all the above and:
-Find #sp_right {
vertical-align: top; around string 257 in your portal.css
-Make it like this:
#sp_right {
vertical-align: top;
padding-left: 5px;-Set the right blocks width to 205px instead of 200
At least like this it should work and theme shouldn't be able to mess it up again xD
-
Woohoo!
I was about to say that never worked either but I forgot .css edits can take a bit to show - after a few refreshes that worked perfectly :D!
You and your ninja skills! :applause:
Many thanks as always!
-
Glad that it did the trick :D
-
Just a note. You'd need to do same thing, a bit differently, if have left side blocks, too.
I have mine set at 10, instead of 5, but here is for both sides.
#sp_left
{
vertical-align: top;
padding-right: 10px;
}
#sp_right
{
vertical-align: top;
padding-left: 10px;
-
His theme was reacting in a weird way to such edits, I tried to use the general classes but it wasn't working properly :/ That's why I chose the most annoying but safest path :P