latest stable versions: v150827 (changelog)
top⇑

Old Forums (READ-ONLY): The community now lives at WP Sharks™. If you have an s2Member® Pro question, please use our new Support System.

Login/reg design broken help?

Home › Forums › Community Forum › Login/reg design broken help?

Tagged: , ,

This topic contains 20 replies, has 2 voices. Last updated by  Cristián Lávaque 4 years, 7 months ago.

Topic Author Topic
Posted: Monday May 14th, 2012 at 5:16 am #13382
Jonathan Kobylanski
Username: runingrocker

List Of Topic Replies

Viewing 20 replies - 1 through 20 (of 20 total)
Author Replies
Author Replies
Posted: Monday May 14th, 2012 at 5:43 am #13385
Cristián Lávaque
Username: Cristian

Hi Jonathan.

That looks like a CSS problem. You can use Firebug to review that page and find what’s styling the form that way. http://getfirebug.com

I hope that helps. :)
Posted: Monday May 14th, 2012 at 6:17 am #13388
Jonathan Kobylanski
Username: runingrocker

ok i’ll give it a go, i’m not great at coding and such and this is with in wordpress if anyone ells knows any other ways feel free to tell me please thanks for the fire bug head up cristian

Posted: Monday May 14th, 2012 at 7:01 am #13390
Jonathan Kobylanski
Username: runingrocker

Ok well using the firebug plugin i can see what looks right witch is this: 

body.login {
    background: none repeat scroll 0 0 #FBFBFB;
    min-width: 0;
}
wp-adm...0111208 (line 1)
body, body * {
    font-family: 'Verdana','Arial',sans-serif !important;
}
wp-log...eauth=1 (line 23)
body, body * {
    font-size: 14px !important;
}
wp-log...eauth=1 (line 22)
html, body {
    background: none repeat scroll 0 0 transparent !important;
    border: 0 none !important;
}
wp-log...eauth=1 (line 18)
body, #wpbody, .form-table .pre {
    color: #333333;
}
colors...0111206 (line 1)
body {
    font-family: sans-serif;
    font-size: 12px;
    line-height: 1.4em;
    min-width: 600px;
}
wp-adm...0111208 (line 1)
html, body {
    height: 100%;
    margin: 0;
    padding: 0;
}

and my problem: 

body.login {
   background: none repeat scroll 0 0 #FBFBFB;
   min-width: 0;
}
wp-adm...0111208 (line 1)
body {
   background-repeat: repeat-x;
   padding-top: 22px;
}
global...r=3.3.2 (line 54)
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
   border: 0 none;
   margin: 0;
   padding: 0;
   vertical-align: baseline;
}
global...r=3.3.2 (line 1)
body, body * {
   font-family: 'Verdana','Arial',sans-serif !important;
}
wp-log...eauth=1 (line 24)
body, body * {
   font-size: 12px !important;
}
wp-log...eauth=1 (line 23)
html, body {
   background: none repeat scroll 0 0 transparent !important;
   border: 0 none !important;
}
wp-log...eauth=1 (line 19)
body, #wpbody, .form-table .pre {
   color: #333333;
}
colors...0111206 (line 1)
body {
   font-family: sans-serif;
   font-size: 12px;
   line-height: 1.4em;
   min-width: 600px;
}
wp-adm...0111208 (line 1)
html, body {
   height: 100%;
   margin: 0;
   padding: 0;
}

thing is i don’t when were the code is in word press to edit it ????
Posted: Monday May 14th, 2012 at 11:22 pm #13433
Cristián Lávaque
Username: Cristian

In Firebug, to the right of the style of what you’re inspecting, it says what file that style is in, and the line. If you hover the file’s name, you get the URL to it, so you’ll know where to look for it in the server.

I hope it helps. :)
Posted: Tuesday May 15th, 2012 at 5:30 am #13485
Jonathan Kobylanski
Username: runingrocker

Ok not really helping as the page is made up of like 1 line for 6 different css so i’m pretty sure if i fully deactivate and uninstall s2member and but it all back to default it will be fine. I have had a go at doing this my self but it dose not work… do you know how to totally 100% remove s2member with out it saying your old saved settings are back once you re install and active it ?????
Posted: Tuesday May 15th, 2012 at 5:37 am #13486
Cristián Lávaque
Username: Cristian

To fully remove s2Member with all its data, disable the de Deactivation Safeguards and then go ahead deactivating it. [hilite path]Dashboard -› s2Member® -› General Options -› Deactivation Safeguards[/hilite]

s2Member is not the one styling that form the way you show in the screenshot, though. It’s somewhere else, most probably the theme. If you post the URL to it, I can help you find what is styling it that way.
Posted: Tuesday May 15th, 2012 at 6:27 am #13493
Jonathan Kobylanski
Username: runingrocker

Ok awesome up the url to the login is http://www.madeinminecraft.com/wp-admin
That one is effected as well, Mind you the first time i put s2member and this theme together it all worked fine…
Posted: Tuesday May 15th, 2012 at 6:36 am #13495
Cristián Lávaque
Username: Cristian

The style causing that is in http://www.madeinminecraft.com/wp-content/themes/famous/css/global.css?ver=3.3.2

[hilite pre_code]
input[type="text"], input[type="password"] {
height: 16px;
padding: 8px 10px 10px;
width: 194px;
}
[/hilite]

The [hilite mono]height[/hilite] one.
Posted: Tuesday May 15th, 2012 at 8:01 pm #13572
Jonathan Kobylanski
Username: runingrocker

ah ok great so what do you think i should change the hight one to then ????
Posted: Tuesday May 15th, 2012 at 8:08 pm #13575
Cristián Lávaque
Username: Cristian

Just remove that style, then the default height style will be used, which is fine.
Posted: Tuesday May 15th, 2012 at 8:12 pm #13576
Jonathan Kobylanski
Username: runingrocker

Awesome thanks so much now to put you up to 120 thumbs up =)
Posted: Tuesday May 15th, 2012 at 8:17 pm #13580
Jonathan Kobylanski
Username: runingrocker

ok well i have deleted the code and refreshed and cleared cache and all that but no difference could you go see if there is another code i have to change as well =/
Posted: Tuesday May 15th, 2012 at 8:22 pm #13581
Jonathan Kobylanski
Username: runingrocker

Ok well the inputs are fine but now the box well the bottom part of it is sort of out of a line meant which css do i delete this time ????

If you would like to see how it should resemble like here is the my other site with it working fine, vividvisionstudios.com/wp-admin

thanks so much for the help =)
Posted: Tuesday May 15th, 2012 at 9:48 pm #13588
Cristián Lávaque
Username: Cristian

Thanks for the kudos! I’m glad I could help. :)

I see. That’s because your theme is trying to use this image for the button: http://www.madeinminecraft.com/wp-content/themes/famous/images/style0/input-submit.png

But it’s not showing up for some reason.

You could just remove the style that throws the button’s text all the way to the side. In http://www.madeinminecraft.com/wp-content/themes/famous/css/global.css?ver=3.3.2 for the selector input[type=”submit”] remove this style:

[hilite code]text-indent: -999999px;[/hilite]

Anyway, your theme seems to do a few things to this page. I suggest that you contact the developer if you need to customize it further. Maybe he can even tell you how to skip the theme customizations to this page too.

I hope that helps.

Posted: Wednesday May 16th, 2012 at 4:45 am #13647
Jonathan Kobylanski
Username: runingrocker

I have already got in contact with the developer but i have had not response for a week so thats why i posted here in the first place, anyway you are helping me so much could you just help me out one last time, Now the login/submit button works fine the only thing is under it there is this strange black box if there is no way of getting rid of it could you at least tell me how to change the colour of it and then the site will be done and it’s all thanks to you =)
Posted: Wednesday May 16th, 2012 at 5:01 am #13648
Cristián Lávaque
Username: Cristian

From http://www.madeinminecraft.com/wp-content/themes/famous/css/style.php?ver=3.3.2 remove

[hilite pre_code]
#nav {
background-image: url("http://www.madeinminecraft.com/wp-content/themes/famous/images/style0/nav-foot.png");
}
[/hilite]

I’m glad I could help, but it’s really not hard to use Firebug if you need to customize more styles.

Anyway, I hope your site is ready now. Good luck with that membership. :)
Posted: Wednesday May 16th, 2012 at 9:24 am #13657
Jonathan Kobylanski
Username: runingrocker

Unfotunarly i would like to be able to edit it but all i get when i open up that style.css is this

<?php

header('Content-type: text/css');
require dirname( dirname( dirname( dirname( dirname( __FILE__ ))))) . '/wp-config.php';

print '/* global.css */

body {
' . mframe_css( 'text' ) . '
text-shadow: ' . mframe_option('color-text-shade') . ' 0px 1px;
background-color: ' . mframe_option('color-bg') . ';
' . ( mframe_option('nobgimage') ? '' : 'background-image: url(' . mframe_option('imgdir') . 'bg.png);') . '
}

a, a:link, a:visited, a:active { color: ' . mframe_option('color-link') . '; }
a:hover { color: ' . mframe_option('color-link-hover') . '; }

h1 { ' . mframe_css( 'h1' ) . ' }
h2 { ' . mframe_css( 'h2' ) . ' }
h3 { ' . mframe_css( 'h3' ) . 'margin-bottom: 10px; }
h4 { ' . mframe_css( 'h4' ) . ' }
h5 { ' . mframe_css( 'h5' ) . ' }
h6 { ' . mframe_css( 'h6' ) . ' }

#header h1 { color: ' . mframe_option('color-h1-head') . '; }
#header h1 span { color: ' . mframe_option('color-h1-head-alt') . '; }
#actions h2 { color: ' . mframe_option('color-h2-actions') . '; }
#content .widgetized h3 { color: ' . mframe_option('color-h3-side') . '; }
#popup-wrapper h3 { ' . mframe_css( 'h3-popup' ) . ' }

code, pre { border: 1px dashed ' . mframe_option('pre-border') . '; color: ' . mframe_option('pre-color') . '; background: #e1edf3; }
blockquote { border-left: 5px solid ' . mframe_option('blockquote-border') . '; }








#side {
float: ' . ( mframe_option('layout') == 'right' ? 'left' : 'right' ) . ';
}

#main {
float: ' . ( mframe_option('layout') == 'right' ? 'right' : 'left' ) . ';
width: ' . ( mframe_option('layout') !== 'wide' ? '632px' : '100%' ) . ';
}

#header { background-image: url(' . mframe_option('imgdir') . 'header.png); }
#content { background-image: url(' . mframe_option('imgdir') . 'hline.png); }



#footer {
background-color: ' . mframe_option('footer-bgcolor') . ';
' . ( mframe_option('nobgimage') ? '' : 'background-image: url(' . mframe_option('imgdir') . 'footer.png);' ) . '
text-shadow: ' . mframe_option('footer-text-shadow') . ' 0px 1px;
}
#footer a { color: ' . mframe_option('footer-link-color') . '; }
#footer a:hover { border-bottom: 1px dotted ' . mframe_option('footer-ahover-border') . '; }
#footer h3 { color: ' . mframe_option('footer-h3-color') . '; }
#style0 #nav a.toplevel { text-shadow: #000000 0px 1px; }




/* navigation.css */

#nav { background-image: url(' . mframe_option('imgdir') . 'nav-foot.png); }
#nav .logo { background-image: url(' . mframe_option('imgdir') . 'nav-sep.png); }

#nav .logo a {
width: ' . mframe_option('logo-image-w') . 'px;
' . mframe_css( 'logo' ) . '
}

#nav .logo.image a {
height: ' . mframe_option('logo-image-h') . 'px;
}

#nav .head { background: url(' . mframe_option('imgdir') . 'nav-head.png) no-repeat top; }

#nav .loop {
background-image: url(' . mframe_option('imgdir') . 'nav-loop.png);
background-color: ' . mframe_option('nav-bgcolor') . ';
border-left: 1px solid ' . mframe_option('nav-border') . ';
border-right: 1px solid ' . mframe_option('nav-border') . ';
}

#nav .fill {
border-left: 1px solid ' . mframe_option('nav-border-alt') . ';
border-right: 1px solid ' . mframe_option('nav-border-alt') . ';
}

#nav ul a { color: ' . mframe_option('nav-color') . '; }

#nav ul li li a {
color: ' . mframe_option('subnav-color') . ';
background-color: ' . mframe_option('subnav-bgcolor') . ';
text-shadow: ' . mframe_option('subnav-text-shadow') . ' 0 1px;
}

#nav ul li li a:hover {
color: ' . mframe_option('nav-active') . ';
background-color: ' . mframe_option('subnav-hover-bgcolor') . ';
}

any help you can give me now ???
Posted: Wednesday May 16th, 2012 at 3:53 pm #13683
Cristián Lávaque
Username: Cristian
[hilite code]#nav { background-image: url(' . mframe_option('imgdir') . 'nav-foot.png); }[/hilite]
Posted: Thursday May 17th, 2012 at 5:49 am #13747
Jonathan Kobylanski
Username: runingrocker

Thank you sooo much, you have fixed my site… you can’t even imagine how grateful i am thanks =)
Posted: Thursday May 17th, 2012 at 5:52 am #13749
Cristián Lávaque
Username: Cristian

Cool. :)
Viewing 20 replies - 1 through 20 (of 20 total)

This topic is closed to new replies. Topics with no replies for 2 weeks are closed automatically.

Old Forums (READ-ONLY): The community now lives at WP Sharks™. If you have an s2Member® Pro question, please use our new Support System.

Contacting s2Member: Please use our Support Center for bug reports, pre-sale questions & technical assistance.