Content-area width not changing (using Elucidate theme)

  • sylgonet

    (@sylgonet)


    11 years, 10 months ago

    Hello,
    my site is http://www.sylgo.net
    I’ve been trying to make the content-area (highlighted in black) about 500px so that the navigation won’t stick out the side and there will be no white margin on the right.
    I set the site-main (highlighted in purple) to 500px also, and see how that one adheres to the size I want it to while the content-area does not, even though I set them to the same size.
    here’s the code I’m using (altho the widget-area is sort of irrelevant here):

    .content-area {
	width: 500px;
	margin: 0;
	padding: 0;
	background-color: #000;
}

.site-content .widget-area {
	overflow: hidden;
	width: 200px;
}

.site-main {
	margin: 0;
	width: 500px;
background-color: #D358F7;
}

    any ideas?
    thank you!

Viewing 1 replies (of 1 total)
  • Michael

    (@alchymyth)

    11 years, 10 months ago

    the .content-area style is overwritten by a style for #primary;

    from checking your site with the Firefox’ web developer add-on:

    /* Line 1232 */
#primary
{
  float: left;
  width: 73.8723%;
}

    in your styles, use:
    #primary.content-area { ..... }

    btw:
    don’t edit the theme directly, but rather use a custom CSS plugin or child theme.

Viewing 1 replies (of 1 total)

The topic ‘Content-area width not changing (using Elucidate theme)’ is closed to new replies.