[Style Support] SE Square Left

1,051 · Post by **cisco007** » Today, 01:37

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?

4,557 · Post by **Stoker** » Today, 03:31

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

1,051 · Post by **cisco007** » Today, 13:39

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

Code: Select all

min-width:

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

Code: Select all

min-width:

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.

4,557 · Post by **Stoker** » Today, 15:03

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.