• Resolved Georgeba

    (@georgeba)


    Hello!
    I’ve used an HTML Template and redesigned most of it, and now I’m converting it to a W-Press theme. Unfortunately, the styling of it is messed up and a couple other things probably that I’m not aware of. Here is what it is suppose to look like… (Keep in mind that this has no sidebar nor footer/header…
    Here is Image
    Here is Theme
    Any help would be greatly appreciated! (First time)

Viewing 13 replies - 16 through 28 (of 28 total)
  • Thread Starter Georgeba

    (@georgeba)

    Wonderful! Last question I have is how do I hide the header?
    (Here it is now..)

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Do you just want to hide it from view and keep the code in index.php?

    Thread Starter Georgeba

    (@georgeba)

    Preferably yes

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    At the bottom of your style.css file, add this:

    #headerwrap {
        display: none;
    }

    Did that hide all you wanted in the header area?

    Thread Starter Georgeba

    (@georgeba)

    That took away a bunch of stuff..
    Perhaps it is because this code..

    <div id="headerwrap">
    		<div class="container">
    			<div class="row">
    				<div class="col-lg-6">
    					<h1><span class="glyphicon glyphicon-fire"></span> welcome to Planet Lunar!</h1>
    					<form class="form-inline" role="form">
    					  <div class="form-group">
    					<h2><input id="exampleInputEmail1" placeholder="Game Pin"></h2>
    					  </div>
    				     <a href="https://www.roblox.com" class="demo-pricing demo-pricing-1">Enter</a>
    					</form>
    				</div><!-- /col-lg-6 -->
    				<div class="col-lg-6">
    					<img class="img-responsive" src="/wp-content/themes/Iced/assets/img/ipad-hand.png" alt="">
    				</div><!-- /col-lg-6 -->
    				<p>This is the main content. To display a lightbox click <a href = "javascript:void(0)" onclick = "document.getElementById('light').style.display='block';document.getElementById('fade').style.display='block'">here</a></p>
        <div id="light" class="white_content">This is the lightbox content. <a href = "javascript:void(0)" onclick = "document.getElementById('light').style.display='none';document.getElementById('fade').style.display='none'">Close</a></div>
    
    			</div><!-- /row -->
    		</div><!-- /container -->
    	</div><!-- /headerwrap -->
    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    So some stuff should not be hidden and some stuff should be?

    Thread Starter Georgeba

    (@georgeba)

    Correct. Perhaps I should change the ID of it?

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    It’s okay, umm you can remove that CSS I gave you for the style.css file. Can you outline the stuff you want hidden in the header area?

    Thread Starter Georgeba

    (@georgeba)

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    I’m not sure if that screenshot worked, is it this bit I’ve outlined in red: https://snag.gy/SL871.jpg ?

    Thread Starter Georgeba

    (@georgeba)

    Nope, it’s the white part

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Oh (I think)! Try adding this to the bottom of your style.css file instead:

    #headerimg {
        display: none;
    }

    Thread Starter Georgeba

    (@georgeba)

    Yes!! Thank You So Much!!
    I’ll definitely credit you!
    Can’t thank you enough

Viewing 13 replies - 16 through 28 (of 28 total)
  • The topic ‘Theme Creation – Problem’ is closed to new replies.