Miles inside the post

  • Author
  • #136705

    Hi, I need help for my site
    When you open a post / article, I do not like how everything is displayed:

    1) Before the article (in the upper part), it is possible to set automatically that: the loaded image always has the same fixed dimensions? Otherwise the authors insert photos that are too large or too small. For example, automatically set up such large images

    2) Is it possible to reduce the width of all the staves of the article? The line is too long, takes up too much space. I would like the free and empty right-hand column.

    3) With reference to point 2., I would like to insert a vertical line next to the article, in order to leave room for the right column.

    4) After points 2. and 3., is it possible to insert a list of recent recent articles on the right hand column?

    In practice inside the post I would like help to set default size of automated photos that insert the authors before the article, and then … I would like to free (inside the post) the right column, to reduce and tighten all the lines of text of the article.

    Thanks, I hope I have explained myself well. The web site is:

    The blog I need help with is


    P.S: In point 4., the list of the last post I want only “inside” the posts, not on the home


    Theme Author

    Hi there – thanks for the message.

    1) If posts have featured images then you can display featured images at the top of each post automatically. You have to toggle this on in the customizer -> theme settings. I don’t remember if this will stretch the images to fill the width, however it will crop them if they are too big. If they display too small I can give you some custom css that will stretch them as needed.

    2) You can add some custom css to limit the length of the lines in the article:

    .singular article p {
    max-width: 40rem;

    or you can limit the entire block width:

    .singular article .entry {
    max-width: 40rem;

    You can tweak the 40 value as you require.

    3) The theme wasn’t really designed to include a border dividing the content so it’s not straightforward. The best I could come up with is:

    .singular .main-content article {
    border-right: 0.1em solid #000000;

    #000000 is the colour (black) You can pick a colour here:

    4) You can add a recent posts widget to the right hand sidebar and then use widget visibility to have it only show on posts and pages.


    Great. it’s all (almost) perfect, thanks. I would like to ask you two other things please:

    1) How to colorize that gray rectangle + text, containing the name of the category? (

    2) Is it possible to insert in a fixed way (that always remains, automatically) small rectangles with the words “First page” and “Second page” inside the images of sliders and in evidence? As photos:

    I would like it to always be this way, fixed: in the sliding sliders “always” the word “first page”, and in the small squares in evidence “always” the word “second page”.

    If it is not possible, at least you can do the same thing by putting in the rectangles of the sliders and squares in evidence …. the name of the category? Then the rectangles on the photo with the name of the category set.

    Site web:

    I know it’s a bit difficult, but I trust a lot of your intelligence and your kindness. Help me. Thank you


    Theme Author

    Hi – great to hear it’s almost there :)

    1) To colour the box you can use:

    .main article {
    background-color: #c0392b;

    2) As you say – this isn’t a straight forward thing. To make it look like the screenshot is simpler than making it display the current category. I think the following will work – but it’s hard to be precise:

    .primary-content .primary-wrapper:before,
    .showcase .item:before {
        content: 'First Page';
        background-color: #c0392b;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 100;
        padding: 5px 10px;
        color: white;
        text-transform: uppercase;
        letter-spacing: 0.1em;
        font-size: 11px;
    .showcase .item:before {
        content: 'Second Page';
        left: 15px;

    Sei un grande, un genio. Grazie. Tutto perfetto. Thanks :)


    Only now I realize that the site version for mobile and tablet has problems. That red rectangle with the inscription “Second page” can not be seen where it should be seen. there is a bit of space in the left corner. “First page” instead is ok. See the problem

    Another problem: looking at the site with the mobile phone, the red rectangle touches that piece of the red slider where there are the dots of the images that flow. I tried to make the red bead smaller “First Page, but it’s useless, can you make that red slider piece smaller? Look:

    Thank you :)


    Theme Author

    Ah yes – ok – I said it wasn’t straight forward :)

    Hopefully the following will fix the position of the red tabs.

    @media only screen and (max-width: 782px) {
    .showcase .item:before {

    To position the slider navigation to the right you can use the following. I also reset the width so that it’s smaller when there are fewer slides to display:

    @media only screen and (max-width: 782px) {
    .primary-content nav {
    right: 0;
    left: auto;
    width: auto;

    WOW, graeat. Thanks :) You are genius


    If it is not a nuisance for you, I would have some other questions, concerning the inside of a post. I’m publishing here, not to open another discussion.

    1. At the bottom of the post, below the end, I would like to delete “Related”, “Comments” and also the suggested posts (previous and following) with the left and right arrow, so look: / BzzW6De

    2. I would like to change the post’s convection buttons (those at the bottom of the post, below the end). Is it possible to insert more beautiful and colored icons like these or similar? look: It is possible to place them not below, but above, under the post article, like this: If this is not possible, I would like to place above the title below … anyway those classic wordpress buttons (the same as they are currently)

    3. Is it possible to create and color red with white text (at the bottom of the post, below the end) a rectangle in the space where there is the signature and the photo of the author? Can the photo be slightly enlarged? So, look:

    Thanks a lot. I do not know how to thank you for your patience. You’re great, I mean really


    P.S: the picture of the first question 1. is this, I had badly written the link:


    Theme Author

    1) Comments, and related posts should be disabled through the site settings.

    Hide post nav with:

    .singular .main-content nav.postnav {
    display: none;

    2) You can’t move the share buttons I’m afraid. You can see how to customize theme here:

    3) Change author box styles:

    .singular .main-content .entry-author {
    background: #c0392b;
    .singular .main-content .entry-author p,
    .singular .main-content .entry-author a,
    .singular .main-content .entry-author h2 {
    color: #ffffff;

    All right, thank you very much. But categories and tags (under the convisione buttons) how are they deleted? I would not like to display “Categories” and “Tags” at the bottom.

    Ah, the photo of the profile … in the red rectangle of the author (below) can you zoom a little?


    All right, thank you very much :)

    But categories and tags (under the convisione buttons) how are they deleted? I would not like to display “Categories” and “Tags” at the bottom.

    Ah, the photo of the profile … in the red rectangle of the author (below) can you zoom a little?

    Can the red rectangle of the author be positioned above the sharing buttons? So between the last line of the post and the convision buttons


    Can the red rectangle of the author be positioned above the sharing buttons? So between the last line of the post and the convision buttons


    Sorry, the “Submit” button was blocked


    Theme Author

    Looks like you have hidden the categories and tags.

    Enlarge the avatar:

    .entry-author .author-avatar {
    width: 70px;
    .entry-author .author-avatar img {
    width: 100%;

    Sharing buttons and author info can’t be moved around I’m afraid.

The topic ‘Miles inside the post’ is closed to new replies.