Canard theme – CSS – page width & widget area

  • Unknown's avatar
    thylysium · Member ·

    Hello, I need some help customizing the Canard theme.

    I’m currently using it for the website https://greenspeed.de/

    All pages are sites, not posts. I want to maximize the site width and delete the widget area on the right side – including the vertical line. Until now, I just have a vertical grey line on the right side of the page.

    In the custom CSS, I use the following strings:

    a {
text-decoration:none;
color:#000000;
}

a:hover {
color:#007F00;
}

.header-image .header-image-inner{
	width: 50%;
}

.nav-menu a {
    font-size: 100%;
    color: #000000;
}

.main-navigation .menu-item-has-children>a:after,
.main-navigation .current_page_item>a,
.main-navigation .current-menu-item>a,
.main-navigation .current_page_ancestor>a,
.main-navigation a:active,
.main-navigation a:focus,
.main-navigation a:hover {
	color: #007000;
}

body {font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
     Futura, sans-serif;
     font-size: 1em;
     padding:0;
     margin:0; }

h1, .h1 {
  font-size: 1em !important;
}

h2, .h2 {
  font-size: 1em !important;
}

h3, .h3 {
  font-size: 1em !important;
}

.site-branding a img {
display: none;
}

    All I could do additionally was to give the content area a bit more space, but I could not fully remove the line on the right side of the page. On desktop view, this is fine, I could just set this area to a width of 1920 pixels. But if I’d visit the site from a smartphone, it isn’t responsive, so users must scroll to the right to see the full content – additionally, the picture size is responsive in contrast to the text, then.

    Maybe some experienced users can help,
    thanks in advance and habe a nice day.

  • Unknown's avatar
    julsyd · Member ·

    Hi thylysium,

    It looks like you have a self-hosted WordPress.org website, which is different from a WordPress.com site.

    You can learn more about WordPress.com vs WordPress.org here: https://wordpress.com/com-vs-org/

    These forums are for WordPress.com sites only.

    You can find WordPress.org support documentation and forums here: https://wordpress.org/support/

  • Unknown's avatar
    thesacredpath · Member ·

    Hi @thylysium, there is a dedicated Twenty Twelve support forum at WordPress.org where you can post your questions for self-hosted sites.

  • The topic ‘Canard theme – CSS – page width & widget area’ is closed to new replies.