Full-width galleries, tables, and other elements

  • maksibec

    (@maksibec)


    10 years, 5 months ago

    Hi everyone,

    congratulations on yet another very nice WordPress theme! I very much appreciate the difference in image widths and text blocks in posts, which make for a nice post design. However, I am not able to get all my elements full-width that I want to be full-width.

    1. For a full-width featured image on posts pages a simple solution from the support forums here worked fine:

    .post-thumbnail img {
	width: 100%;
}

    I would very much appreciate a solution as simple as above for:

    2. Tables, as the following does not work for me:

    table {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0;
}

    3. Jetpack galleries, e. g.

    .tiled-gallery {
	width: 100%;
	clear: both;
	margin: 0 0 20px;
	overflow: hidden;
}

    4. Other embeds, e. g. YouTube, twitter, facebook.

    5. Short code embeds, e. g. I am using maps very often from http://wp-osm-plugin.hanblog.net/

    Please note I am using the CSS edit option from the Jetpack plugin. I used to do child themes however over the years said CSS edit option has turned out to be all I need for the little design modification that I need.

    Thanks for any hints!

    Max

Viewing 1 replies (of 1 total)
  • Thread Starter maksibec

    (@maksibec)

    10 years, 5 months ago

    I guess I’ll start answering myself as it might help others with similar issues 🙂

    For the tables I found a solution doing what I want by:

    table {
	width: 140%;
	float: right;
	border-collapse: separate;
	border-spacing: 0;
}

    It lets the table widen over the text block to the left as far as large thumbnails or the meta-data block on the top of each post (with tags, categories etc.).

Viewing 1 replies (of 1 total)

The topic ‘Full-width galleries, tables, and other elements’ is closed to new replies.