WordPress.org

Support

Css

  • seanwalten

    @seanwalten

    Hello,

    I am a newb here and maybe the answer is somewhere on these forums. I couldn’t find any when I searched so maybe someone can help me.

    I am trying to put custom css and divs onto the post area on a page I have made using a child theme of Weaver II

    I have the css and the divs working in dreamweaver as I have coded them but when I put the css code into the editor section, and the html into the page area, i get nothing. I’ve tried many different ways including css and html in the html area…

    not even sure what I’m doing wrong but it’s not showing up at all

    Help! please!

Viewing 12 replies - 1 through 12 (of 12 total)
  • Moderator Andrew Nevins

    @anevins

    Forum moderator

    For CSS-specific support, consider CSS-specific forums. It just sounds like you’re using the wrong selectors.

    As for inserting html directly into posts – that isn’t always reliable. First up are you entering the html from the html view, and not the visual editor? That’s important. Also, if you swicth from html editor to visual editor, your html will get messed up – you can’t switch between editors. And finally, some html plain doesn’t work entered that way.

    seanwalten

    @seanwalten

    um not to sound like a complete idiot but Andrew what do you mean by ‘selectors’?

    and yes Rev Voodoo I am in the html view… sad face on this..

    as i said i have it working fine as a dreamweaver document with the css and divs displaying as I would like..

    WPyogi

    @wpyogi

    Forum Moderator

    You may also want to ask on the Weaver theme’s dedicated forums:

    http://weavertheme.com/forum/

    Re: CSS, this is a good reference site:
    http://www.w3schools.com/css/

    Michael

    @alchymyth

    Forum Moderator

    it might be easier to discuss this, if you post the actual code and a link to your page/post to illustrate what the result is.

    seanwalten

    @seanwalten

    i will post the code in a few as I’m at my day job… . but I can’t link the page as it’s just localhost right now…

    seanwalten

    @seanwalten

    here is the code that I have written for this:

    <style type="text/css">
    <!--
    #performerswrapper {
    	position:absolute;
    	left:5px;
    	top:5px;
    	width:600px;
    	height:1070px;
    	background-color:#000099;
    }
    #bandwrapper1 {
    	position:absolute;
    	left:5px;
    	top:5px;
    	width:590px;
    	height:350px;
    	background-color:#00CCFF;
    }
    #bandwrapper2 {
    	position:absolute;
    	left:5px;
    	top:360px;
    	width:590px;
    	height:350px;
    	background-color:#00CCFF;
    }
    #bandwrapper3 {
    	position:absolute;
    	left:5px;
    	top:715px;
    	width:590px;
    	height:350px;
    	background-color:#00CCFF;
    }
    
    .band1 {
    	position:relative;
    	left:5px;
    	top:5px;
    	width:180px;
    	height:340px;
    	background-color: #00FFFF;
    }
    
    -->
    </style>
    </head>
    
    <body>
    <div id="performerswrapper">
    	<div id="bandwrapper1">
         	<div class="band1">
            test
         	</div>
         		<span class="band1">
         		</span>
        </div>
      	<div id="bandwrapper2">
        test
        </div>
    	<div id="bandwrapper3">
        test
        </div>
    </div>
    </body>

    can someone help me figure out what the heck i’m doing wrong? or am i just an idiot and missing something simple..

    WPyogi

    @wpyogi

    Forum Moderator

    The code itself works fine for me on a simple html file. So the problem has to have something to do with what happens when you put it in your WP site. Do you see the HTML but not the CSS effects? Where are you putting the CSS code? Have you validated for errors on the HTML and CSS?

    http://codex.wordpress.org/Validating_a_Website

    seanwalten

    @seanwalten

    I’ve tried putting my CSS code in the ‘editor’ section of the theme, the individual page in the html area.Even when I put it into the Weaver II advanced options area for inserting CSS. still nothing…. Am I putting it into the wrong area?

    I don’t know if I can Validate my site as it’s on my localhost.. but I’ve only done minor things to it so far.. this is my initial foray into setting it up so I can add some content…

    WPyogi

    @wpyogi

    Forum Moderator

    From what you’ve said, it sounds like you are doing it as it should be done. But as I said earlier, I’d really suggest you ask on the Weaver forums — as they’ll have a better understanding of anything specific to the theme.

    EDIT — One possible thing is that the CSS code you put in the editor should not have the style or comment tags — but only the actual CSS code. Is that what you did?

    seanwalten

    @seanwalten

    I tried both.. and I’m going crazy.. I will check with the weaver forums. Hopefully they can tell me what I’m doing wrong or what I can do within their theme to make it all work..

    thanks for your help!

    WPyogi

    @wpyogi

    Forum Moderator

    Yeah, sorry I can’t look at the live site — then it would be so much easier to help… Good luck with it.

Viewing 12 replies - 1 through 12 (of 12 total)
  • The topic ‘Css’ is closed to new replies.
Skip to toolbar