Customising Read More in posts

  • Author
    Posts
  • #2875569

    blackfushion
    Member

    Hello again, my blog is http://www.blackfushion.com

    How can I customise my Ready More so it will have a long shaded pink border, please?

    As a reference, please check out http://www.verastic.com and have a look at the Continue Reading in the blog.

    The blog I need help with is blackfushion.com.

    #2875740

    Hi, add the following and see what you think.

    .more-link {
    	width: 100%;
    	text-align: center;
    	display: block;
    	background-color: #fc0168;
    	padding: 10px;
    	text-decoration: none;
    }

    #2875774

    blackfushion
    Member

    Thank you so much for your help. I have 4 more favours to ask please?

    1. How can I change the image in the side bar from square to circular or round, please?

    2. How can I remove the blog title and menu from the footer, please?

    3. How can I change the colour of the page title on each page and have the page title centre on each page?

    4. Is there a CSS code for having the read more link after a certain number of characters, please?

    That’s about it from me for now. Thank you.

    #2875811

    1. How can I change the image in the side bar from square to circular or round, please?

    Given your image isn’t square, this makes your image sort of oval, which I think actually looks pretty good.

    #text-4 img {
    	border-radius: 50%;
    }

    2. How can I remove the blog title and menu from the footer, please?

    #footer-info {
    	display: none;
    }

    3. How can I change the colour of the page title on each page and have the page title centre on each page?

    This will center the titles on static pages and allow you to change the color.

    .page .page-title {
    	color: #cc0000;
    	text-align: center;
    }

    4. Is there a CSS code for having the read more link after a certain number of characters, please?

    No, no way to automatically do that. Some themes support our Content Options feature and allow you to choose whether you want the full text of the posts, or summaries (set at 55 words), but Elemin does not support that feature. About all you can do is to add the Read More tag to your posts and try to keep them consistent when doing so.

    #2875826

    blackfushion
    Member

    Thank you for continued help.

    Err, I have two more questions to ask.

    1. How can I change my colour and background of the drop down categories, please?

    2. There’s a link widget on my sidebar called New Readers – I created this to direct new readers to the welcome post. Is there any way that I can make it more prominent (different) so it can pop out and be immediately seen by readers, please?

    #2875828

    1. How can I change my colour and background of the drop down categories, please?

    The following will let you do that. I’ve included both the normal and hover CSS rules.

    #access ul ul a {
    	background: #FD15A9;
    	color: #fff;
    }
    #access ul ul a:hover {
    	background: #fff;
    	color: #FD15A9;
    }

    2. There’s a link widget on my sidebar called New Readers – I created this to direct new readers to the welcome post. Is there any way that I can make it more prominent (different) so it can pop out and be immediately seen by readers, please?

    There are a number of options. This changes the black title background to your pink color and then also increases the size of the post title and sets it to fully black so it stands out more.

    #linkcat-1356 .widget-title {
    	background: #FD15A9;
    }
    #linkcat-1356 li a {
    	font-size: 140%;
    	color: #000;
    }

    #2875841

    blackfushion
    Member

    Thank you so much for your help.

    #2875846

    You are welcome.

The topic ‘Customising Read More in posts’ is closed to new replies.