resizing images and blog column

  • Resolved oceanbluesky

    (@oceanbluesky)


    7 years, 11 months ago

    Hi, how can the middle column of this blog be resized so its images are centered and expanded to nearly flush with the left and right widgets?

    https://factualfiction.com/lighthouse/

    Also, how can the ‘padding’ between the columns and the center blog be reduced to a minimal space of say only 10-20 pixels?

    Thank you!

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

  • Looks like the 3rd column is too wide.

    Thread Starter oceanbluesky

    (@oceanbluesky)

    That may be just appearances? The width of both widgets is 14% in this code but perhaps it is being overridden elsewhere…?

    @media screen and (min-width: 960px) { 
.site {
        max-width: 1210px;
        max-width: 86.4285rem;
		alignment-adjust:central;
    }
}
	.ie .site { max-width: 1210px; }
 
	.footer[role="contentinfo"] {
   		max-width: 1210px;
   		max-width: 86.4285rem;
}

/* Left & Right Sidebars */
@media screen and (min-width: 600px) { 
    .custom-layout .site-content {
        width: 50%;
        margin-left: 19%;
	}
	.custom-layout #extra-sidebar {
        float: left;
        margin-left: -69%;
        width: 14%;
	}
    .custom-layout .widget-area {
        position: relative;
        width: 14%;
	margin-right: 2%; 
	}
}
Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘resizing images and blog column’ is closed to new replies.