WordPress.org

Ready to get started?Download WordPress

Forums

Css (13 posts)

  1. seanwalten
    Member
    Posted 1 year ago #

    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!

  2. Andrew Nevins
    Barrel Rider, Spam Zapper & Volunteer Moderator
    Posted 1 year ago #

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

  3. Rev. Voodoo
    Volunteer Moderator
    Posted 1 year ago #

    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.

  4. seanwalten
    Member
    Posted 1 year ago #

    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..

  5. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    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/

  6. alchymyth
    The Sweeper & Moderator
    Posted 1 year ago #

    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.

  7. seanwalten
    Member
    Posted 1 year ago #

    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...

  8. seanwalten
    Member
    Posted 1 year ago #

    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..

  9. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    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

  10. seanwalten
    Member
    Posted 1 year ago #

    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...

  11. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    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?

  12. seanwalten
    Member
    Posted 1 year ago #

    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!

  13. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

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

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.