Moving excerpt description on certain pages

  • Author
    Posts
  • #2985033

    411holy
    Member

    I have the excerpt and featured image turned off for individual posts on the main page.

    Excerpts appear on the post pages in the widget (which is okay). Here is an example.

    https://game-of-thrones-episodes.com/2017/05/16/the-doom-of-valyria-and-the-faceless-man/

    The excerpts do not appear on the category pages. Is there a way to get them to appear on the category page AND position them under the small featured image (just the left of the larger image)? See example.

    OR if this is not possible, keep the excerpt turned off. But then is there a way to move the extended MORE description to the right under the main image (without this affecting the more tag on the home page)?

    I am sorry about asking someone to tackle what for me would be a difficult or impossible task. But there are a lot of people who might find this easy.

    The blog I need help with is game-of-thrones-episodes.com.

    #2985121

    411holy
    Member
    #2985208

    411holy
    Member

    I have not made any changes. I figure somebody might be trying to work on this, so I am not doing anything on these pages. Hope someone can figure it out, or at least tell me, that I am asking to do something that can’t be done. :)

    #2985277

    Hi, we can do this, but it will also more the more tag to the right on posts without a video, such as the one at the bottom of the fictional history category page. I don’t see any way to limit it to just those posts that have the videos.

    .archive .more-link {
      margin-left: 180px;
    }

    #2985278

    411holy
    Member

    Yes, that works. Thanks.

    1. I would like you to look over this other style change I made on the page to bring post titles down. See any problems?

    I also added on the page

    body.archive .column h2 {
    margin-top: 25px;
    }

    2. How would I create some space between meta info and top of video for each post?

    #2985279

    411holy
    Member

    Sacred Path, while we are at it, I have a third related request on the page…

    3. move margin-left of post (video) to match the margin-left of featured post. Then I would adjust .archive .more-link margin-left accordingly, so everything lines up. Make sense?

    #2985288

    Hi, the following two rules bring the youtube to the left under the featured image, and add some margin to the bottom of the meta data. You can adjust.

    .archive .entry-meta {
      margin-bottom: 25px
    }
    .archive .embed-youtube {
      text-align: left !important;
    }

    The videos are not as wide as the content area. With Academica, we can adjust the width and height since the Academica isn’t a responsive theme, if you would like, with the following.

    .archive .embed-youtube iframe {
      width: 730px;
      height: 410px;
    }

    #2985289

    411holy
    Member

    The first set is good. The second makes the videos too big. I wish there was a way to make the archive pages three columns, but it appears that in the academica theme the only option for archive pages is to have one sidebar.

    If that is true, then I need help in…

    1. shrinking the center column on these pages (and I guess search pages, etc.) to the size of the existing videos (I think that is 500 px – similar to what is on the front and post pages) and for now leave the right column blank.

    I could then later move a widget into absolute position over that column– Similar to what I did with moving the footer RSS widgets into the center column on the page below (and accompanying pages):

    https://game-of-thrones-episodes.com/post-show-recaps/

    2. Is there a limit in the academica theme to how many widgets can be placed in the footer area?

    #2985294

    This should take all but the main front page down to 500px wide.

    .column-double .column-content, .page-template-template-sidebar-left-php .column-content, .page-template-template-sidebar-right-php .column-content {
      width: 500px;
    }

    From what I can see, there is no limit on the number of widgets you can put into the footer widget area.

    #2985295

    411holy
    Member

    Thanks for sticking with me, and helping me.

    The above code you provided seems to be working. I ran it through all the tests. We are slowly making progress.

    Two areas that need attention, however.

    1. The title wrap/container on these pages also needs to be reigned in to 500 px.

    2. Why is there a difference in style between the post page and the archive pages in the h4 tag? Compare the text under the second trailer (“The Past is Already Written; The Ink is Dry”) on the following category page:

    https://game-of-thrones-episodes.com/category/season-trailers/

    to the same text (“The Past is Already Written; The Ink is Dry”) as it appears on the post page

    https://wordpress.com/post/game-of-thrones-episodes.com/1707

    #2985297

    411holy
    Member

    I gave you the wrong page link above (the second), it should be…

    https://game-of-thrones-episodes.com/2016/04/17/season-6-trailers/

    As for as the category page (the first link above), I moved the more tag up the page, which makes it a non issue. But I am thinking when I changed the h4 style in the css, I did not make it global. It probably was just for the post pages. There must have been a good reason why I did that, maybe it was messing something up elsewhere.

    So it looks like the only thing we have to do is

    1. The title wrap/container on these pages also needs to be reigned in to 500 px.

    Then we can consider this closed, and I will start up another thread for some other issues that I need help with. As always thanks for being patient with me.

    #2985299

    It is not unusual for single post pages, such as the one you mention just above to have slightly different styling than category/archive/blog pages since they are showing one post rather than a listing of posts. There is separate styling in Academica for some of the heading elements on single post pages. These are the CSS rules for single post pages. Drawing from these original CSS rules, you can pull out and use what you want and adjust the styling to match the categories pages if you desire.

    div.single h2 {
     font-size:20px;
     font-weight:400;
     line-height:1.55;
     clear:both;
     margin:0;
     padding:0;
     padding-left:10px;
     background-color:#3A678D;
     color:#fff
    }
    div.single h4 {
     font-size:16px;
     line-height:1.375;
     margin:-5px 0;
     margin-bottom:25px;
     padding:3px;
     text-align:center;
     background-color:#d3d3d3;
     color:#000
    }
    div.single h5 {
     font-size:14px;
     font-weight:600;
     clear:both;
     margin:25px 0;
     padding:3px;
     padding-left:10px;
     text-align:center;
     background-color:#3A678D;
     color:#fff
    }
    div.single h6 {
     font-size:9px;
     line-height:1.375;
     margin-bottom:5px
    }

    I’m not seeing any videos on the season trailers category page you referenced right now.

    #2985300

    411holy
    Member

    Thanks, I took the videos off the archive page, and just provide the links. There were too many videos. This way the page provides a listing.

    I still would like the title to be centered on the page though like I have on this page.

    https://game-of-thrones-episodes.com/2011/04/10/season-1-trailers/

    Granted, the above page is a post, and the right column serves to move the title to the left. On the archive pages, I am stuck with having only the left column (so we moved the center column giving it a fixed width of 500px). I will later manually move a widget to that space on the right.

    Any suggestions would be greatly appreciated.

    #2985301

    This is weird that the two pages would have different CSS. I’m not sure what is going on with that, but add the following to your custom CSS to fix the title on season trailers.

    .category .column-title .title-header {
      padding-right: 230px;
    }

    #2985302

    donka61
    Member

    whew!!!! at last I can pronounce this thread CLOSED, hip hip hurray! :) Thanks for your patience. I am amazed how much you get around and help a whole lot of people here. Thanks for your knowledge and hard work, too.

    As far as the weirdness of having two pages with different CSS, that could be a result of all my changes. As much as I try to keep the CSS organized and try to reference changes using */ xxxxxxx /* sometimes I get lazy and just put the code in. I’m all over the place.

    #2985303

    411holy
    Member

    oops, signed in with other email (donka), now I am back to dnnlldd.

    Sacred path, the code you provided works, but not on the search pages. The title is not centered on search pages. Can you tell me what to add, thanks.

    #2985304

    Change the CSS selector so it looks like this to catch the search results pages also.

    .search .column-title .title-header, .category .column-title .title-header {
      padding-right: 230px;
    }

    #2985305

    411holy
    Member

    as always, much thanks. Topic resolved!

    #2985308

    Hooray and you are welcome!

You must be logged in to reply to this topic.