Page 1 of 1
[Style Support] SE Square Left
Posted: 05 Sep 2025, 01:37
by cisco007
Quick question, i've installed this style since it came out, but now that everything is mobile and stuff, since this inherits prosilvers responsive.css, how would i go about making the board smaller? so i copy the responsive.css to this style and change it there?
also, if i change the wrap size, will that break the responsiveness?
[Style Support] SE Square Left
Posted: 05 Sep 2025, 03:31
by Stoker
The responsive will not be affected if you change the width in se_square.css
Se Square is responsive. If you want to change anything just add new rules to the stylesheet.
BTW let me know if you want the latest version with the dark/light toggle
https://demo.phpbb3bbcodes.com/index.php?style=2
[Style Support] SE Square Left
Posted: 05 Sep 2025, 13:39
by cisco007
i will as soon as i can figure this crap out! i am trying to make the board, with a blue background, a border and max-width of 1010px, but it breaks when i check it on mobile view.
maybe the
is messing it up
like i said i've been out of coding for about 12 years or so and i've been trying to learn all the changes in a month.
see if someone can help me out.
here is my css:
Code: Select all
body {
/* Text-Sizing with ems: http://www.clagnut.com/blog/348/ */
font-family: Verdana, Helvetica, Arial, sans-serif;
color: #828282 !important;
background-color: #FFFFFF !important;
background-color: #2fadea !important;
background-image: url("./images/back.jpg") !important;
background-repeat: repeat-x;
background-attachment:fixed;
font-size: 10px;
margin: 0;
padding: 10px 10px 10px;
}
#wrap {
border: 2px solid #047ab4;
background-color: #FFFFFF;
padding: 20px 20px;
min-width: 625px;
max-width: 1010px;
margin: 0 auto;
}
i just took out the
and it looks fine.
i guess that broke the responsiveness, because once it goes into mobile view it picks up the @media from the responsive.css and it takes over.
Now it's on to try to make a logo show up on desktop and mobile.
[Style Support] SE Square Left
Posted: 05 Sep 2025, 15:03
by Stoker
Yes, min-width will destroy responsive.
About the body. Move everything to #wrap that isnt background image related.
Logo is easy. Just look in the default css files. Common or content i think.