Divs on front page

Resolved sivn
(@sivn)

10 years, 8 months ago

Hello, complete newbie here. Sorry! :/

So, I made a front-page.php file and set front page to static in the dashboard.

I have created a simple theme using a tutorial and am now adding divs in the css to be displayed on the front page. These divs do not appear to show up, but when I place an image inside the div the image appears.

Is there a code I need to add somewhere to make the divs appear? Plus, does it make sense that the image appears but not the div with a set width, height and background colour?

Thanks for your help…

Viewing 9 replies - 1 through 9 (of 9 total)

Andrew Nevins

(@anevins)

WCLDN 2018 Contributor | Volunteer support

10 years, 8 months ago

We need to see the issue to help with this.

Thread Starter

sivn

(@sivn)

10 years, 8 months ago

/* style.css */

#wrapper{
    margin: 0 auto;
    width: 960px;
    width: 960px;
    text-align: left;
    background: #fff;
}

.sidebar{
    float: right;
    width: 235px;
    margin: 0 0 0 0px;
    font-size: 14px;
    list-style: none;
    background: #A8D0DF;
    padding: 20px;

/* This is the new div I am trying to add */

#mainpic{
    float: left;
    width: 665px;
    height: 900px;
    background: #A8D0DF;
    padding: 0 20px 0 20px;

/* this is from the front-page.php */

<?php get_header(); ?>

	<div class="mainpic">
	<img src="http://localhost/wp-content/uploads/2013/08/mainpic-marie.jpg" width=665 height:=386>
	</div>

<?php get_sidebar(); ?>
<?php get_footer(); ?>

Andrew Nevins

(@anevins)

WCLDN 2018 Contributor | Volunteer support

10 years, 8 months ago

Please provide a link to the webpage with the issue.

Thread Starter

sivn

(@sivn)

10 years, 8 months ago

/* from style.css */

#wrapper{
    margin: 0 auto;
    width: 960px;
    width: 960px;
	text-align: left;
    background: #fff;
}

#mainpic{
    float: left;
    width: 665px;
    height: 900px;
    background: #A8D0DF;
    padding: 0 20px 0 20px;
}

.sidebar{
    float: right;
    width: 235px;
    margin: 0 0 0 0px;
    font-size: 14px;
    list-style: none;
    background: #A8D0DF;
    padding: 20px;
}

/* from front-page.php */

<?php get_header(); ?>

	<div class="mainpic">
	<img src="http://localhost/wp-content/uploads/2013/08/mainpic-marie.jpg" width=665 height:=386>
	</div>

<?php get_sidebar(); ?>
<?php get_footer(); ?>

Thread Starter

sivn

(@sivn)

10 years, 8 months ago

Oh, I am running it locally only with MAMP…

Andrew Nevins

(@anevins)

WCLDN 2018 Contributor | Volunteer support

10 years, 8 months ago

How familiar are you with CSS?

Thread Starter

sivn