WordPress.org

Ready to get started?Download WordPress

Forums

WordPress Related Posts
[resolved] css modern default theme editing (12 posts)

  1. mattia.pintus
    Member
    Posted 1 year ago #

    Hi, how can i modify the default theme "Modern"?
    I need to change just the background-color on the title.

    http://wordpress.org/extend/plugins/wordpress-23-related-posts-plugin/

  2. mattia.pintus
    Member
    Posted 1 year ago #

    Here an example: CLICK HERE TO SEE EXAMPLE

  3. xdaseinx
    Member
    Plugin Author

    Posted 1 year ago #

    You can use the custom option and paste this in:
    You have to change the background of the .related_post_title. Let me know if you need help.

    .related_post_title {
    	background: rgba(245, 245, 245, 1) !important;
    	padding: 3px 0 3px 10px !important;
    	margin: 0 !important;
    	font-weight: normal;
    	border-radius: 2px !important;
    	border: 1px solid rgba(0, 0, 0, .1) !important;
    	clear: both !important;
    }
    ul.related_post {
    	margin: 0 0 18px 0 !important;
    	padding: 0 !important;
    }
    
    ul.related_post li {
    	overflow: hidden !important;
    	list-style: none !important;
    	padding: 10px 0 10px 0 !important;
    	margin: 0 !important;
    	border-bottom: 1px solid rgba(0, 0, 0, .1) !important;
    	background: none !important;
    }
    
    ul.related_post li a {
    	text-decoration:none;
    }
    
    ul.related_post li a img {
    	width: 60px;
    	height: 60px;
    	float: left !important;
    	margin: 0 10px 0 0 !important;
    	padding: 0 !important;
    	max-width: 100% !important;
    }
    
    ul.related_post li a.title {
    	vertical-align: top !important;
    }
    
    /* override old CSS for new plugin version with CSS classes */
    ul.related_post li a.wp_rp_thumbnail {
    	float: left !important;
    	margin-right: 10px !important;
    }
    ul.related_post li a.wp_rp_thumbnail img {
    	float: none !important;
    	margin-right: 0 !important;
    	display: block !important;
    }
  4. mattia.pintus
    Member
    Posted 1 year ago #

    Thanks a lot, it work's!
    Really good support for this plugin! :D

  5. smoeini
    Member
    Posted 1 year ago #

    it has only vertical options. how to set it in horizontal mode?

  6. cxctr
    Member
    Posted 1 year ago #

    hi there, how can I modify the default theme "Modern" to make the
    <li> lines height narrow? cuz I dont use thumbnail, it looks too wide.

    Here is the example

  7. xdaseinx
    Member
    Plugin Author

    Posted 1 year ago #

    Hi!
    In the css, simply delete the "min-height:60px;" line.

    Best,
    Rok

  8. cxctr
    Member
    Posted 1 year ago #

    thank you for replying. but one more thing: which css?

    Regards,
    Sid

  9. xdaseinx
    Member
    Plugin Author

    Posted 1 year ago #

    You can select the theme, and then click customize under it, then add min-height:0 to this line:

    ul.related_post li {
    min-height:0;
    }

  10. cxctr
    Member
    Posted 1 year ago #

    Got it! I will try it!

    Thanks!

  11. cxctr
    Member
    Posted 1 year ago #

    it works!!

    Appreciation!!!

  12. Doe3
    Member
    Posted 1 year ago #

    I also wanted to change some things in the styles but I could not find a css file in the package. Only dashboard.css which does not contain what I need.
    Am I missing something?

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic

Tags

No tags yet.