Customising the "Related Articles" | "More From Author" section on a post

Posted in: Newsmag
Post count: 14
Simon Noble
#33208
Jan 8, 2015 at 10:05 am

Using the Default site post template STYLE 6, and having selected Show related article in the Theme Panel; so that related articles appear underneath a post with the headings: Related Articles | More from Author (the first in a black box and the second in a white box).

Questions:

  1. How do I change the displayed heading from “Related Articles” to “Related Videos”?
  2. How do I remove the heading “More from Author” which isn’t relevant?
  3. How/where do I style the new “Related Headings” title with my own preferred hex code color?

Thank you.

Post count: 7909
Alin [tagDiv]
#33226
Jan 8, 2015 at 1:22 pm

Hi,

1. You can translate “Related Articles” and “More from Author” from Theme Panel: http://screencast.com/t/VacR1K0QEUD

2.If you want hide “More Author” use this custom css in Theme Panel > Custom Css: 

.td-related-title .td-related-right{
display:none;
}

Result: http://screencast.com/t/eJ8hn8oFJDf2

3.Use this css code for color:

.td-related-title .td-cur-simple-item {
background-color:red;
color: #ffffff;
}

And this code for hover effect:

.td-related-title .td-related-left:hover {
background-color: pink;
}
.td-related-title .td-related-right:hover {
background-color: pink;
}

Result: http://screencast.com/t/4ZSmHYEtg

Thanks!

Post count: 14
Simon Noble
#33320
Jan 8, 2015 at 7:07 pm

Cool, thank you!

Post count: 27
hagedorn
#40863
Mar 10, 2015 at 4:03 pm

If you use CSS to hide the “More from Author” you’re loosing the rounded edge on the right side.

Post count: 6600
Lucian
#41172
Mar 12, 2015 at 2:32 pm

Hi,

You can use the css form below to correct it.

.td-related-title .td-related-left {
border-radius: 3px 3px 3px 3px !important;
}

Thanks

  • This reply was modified 11 years by Lucian.
Viewing 5 posts - 1 through 5 (of 5 total)
You must be logged in to reply to this topic.