Tagged: , ,

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • January 4, 2016 at 1:37 pm #559173
    yarac

    Hi, I have 2 questions. The link to my site is attached under private data.

    1) How do I move the whole entry and preview image higher up? like in image below..

    move entry up
     
     
     
    2) Regarding related entries, how do I…
    a) expand spacing between thumbnails
    b) expand the thumbnail size
    c) place the title below thumbnail instead of only displaying upon hover
    d) display only 6 related entries

    related entries

    January 5, 2016 at 3:49 pm #559973
    Yigit

    Hey yarac!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    .single .content {
    padding-top: 10px;
}
.single .related_column {
    margin-right: 15px;
}

    Please go to Enfold/includes and open related-posts.php file and find following

    	'columns' => 8,
	'post_class' =>  "av_one_eighth no_margin ",

    and change it to

    	'columns' => 6,
	'post_class' =>  "av_one_sixth no_margin ",

    Cheers!
    Yigit

    January 6, 2016 at 3:47 pm #560577
    yarac

    It’s working except now when I switch to mobile, the alignment goes off. Is it possible to centralize and divide them equally i.e. 3 thumbnails on each row?

    Also, how do I display the entry title below the thumbnail?

    Thanks Yigit!

    alignment on mobile

    January 6, 2016 at 4:16 pm #560588
    Yigit

    Hi!

    Please change the second part of the first code to following one 

    @media only screen and (min-width: 580px) {
.single .related_column {
    margin-right: 15px;
}}

    Cheers!
    Yigit

    January 7, 2016 at 1:07 pm #561157
    yarac

    erm nope, still looks the same on mobile..any other suggestions?

    January 8, 2016 at 1:11 pm #561921
    Andy

    Hey!

    will be quite difficult to achieve what you want, but maybe it is alright for you when there are 3 related posts on two lines:

    #top .no_margin.av_one_sixth {
width: 26.666667%;
margin-left: 31px;
margin-right: 38px;
margin-top: 5px;
margin-bottom: 4px;
}

    adjust as needed.

    Cheers!
    Andy

    January 8, 2016 at 4:07 pm #562062
    yarac

    Not quite the look I’m looking for..How about having them all in one row? Is it easier to have them all in one row on smartphone?

    January 11, 2016 at 6:54 am #562925
    Ismael

    Hey!

    Use the the following css code in order to align the thumbnails in a single row:

    @media only screen and (max-width: 767px) {
.responsive #top .relThumb5 {
    clear: none;
}
}

    Best regards,
    Ismael

    January 11, 2016 at 1:24 pm #563081
    yarac

    Yes that works! Thanks guys!

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘How to edit single post position and related entries’ is closed to new replies.