ubud – pictures sizes and layout

  • Unknown's avatar

    Hi, using the ubud theme.

    On the different articles. I would like to be able to change the sizes of both the top picture and the miniatures.

    for example on this page :
    https://tncogroup.com/2016/12/16/portrait/

    I would like the top picture to not be that big, and also have the miniatures pictures underneath aligned to to top pictures in 3 columns (not on the right), and bigger.

    Thanks a lot for your help !

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar

    Hi there, the following will widen out the content area on single post pages.

    .single-post .entry-content {
    	padding-left: 0;
    	max-width: 74.324%;
    }

    On the featured images on single post pages, those images are inserted with HTML, and if we make them shorter, they are going to get proportionally narrower also, unless we hold the width and shorten the height and distort the image. You could edit the image in your image editing program and crop them so that they are shorter, or you can also hide the featured image on the single post pages with the following CSS.

    .single-post .site-content .post .entry-thumbnail {
    	display: none;
    }

    If you use the above, on the post you reference, you will see some whitespace at the top. That is the result of an empty h1 HTML element with the post above the gallery shortcode. If you remove that, the images in the content will align at top with the stuff to the right.

  • Unknown's avatar

    Hello,
    Thanks a lot for your fast answers !

  • Unknown's avatar

    I have a new question.
    When I get to this menu page which sum up all of the articles for the same category https://tncogroup.com/category/pierre-dal-corso/

    Instead of having “All posts filed under: category” written, could I have just the “Category” written ?
    Also in bold if possible ?

    Thanks again for your help

  • Unknown's avatar

    Well, this is a happy day. In most themes we cannot hide just part of the category title since the software creates it as a single string of text, but in Ubud, it is done differently. Add the following to hide the “All posts filed under:” and make the category name bold.

    .archive-header h2.archive-title {
    	visibility: hidden;
    }
    .archive-header h2.archive-title span {
    	visibility: visible;
    	float: left;
    	font-weight: bold;
    }
  • Unknown's avatar
  • Unknown's avatar
  • The topic ‘ubud – pictures sizes and layout’ is closed to new replies.