"Read more" not accepting CSS style in K2

  • Hi, I’ve tried several methods from various tutorials online, but none seem to work.

    You can see the issue here, in the post “The ultimate no-budget filmmaker lenses for the…” (currently the latest post)…
    https://maketimemove.com

    This is the style, from my “style.css”…

    .read-more, h3 { /* H3 is entry headlines. H4 is comments and replyform headlines */
	display:inline;
	background-color: #B3FFFF;
	border-color: #B3FFFF;
	border-width: 2px;
	border-style: solid;
	line-height: 1.4em;
	font-weight: normal;
	padding-bottom: 0px;
	text-align:right;
	}

    This is what I currently have in “single.php”…

    <?php the_content('<span class="read-more">...CONTINUE TO THE FULL ARTICLE</span>', 'k2_domain')); ?>
				</div><!-- .entry-content -->

    It’s still displaying the “read more” text how it always has, as if I had never changed the default K2 code. Here’s that code (which I changed already)…

    <?php the_content( sprintf( __('Continue reading \'%s\'', 'k2_domain'), the_title('', '', false) ) ); ?>
				</div><!-- .entry-content -->

    Is “single.php” the wrong file to be changing? Thanks in advance for any help.

Viewing 7 replies - 1 through 7 (of 7 total)
  • Shailesh

    (@shaileshsavaliya)

    i don’t understand actually what you want please explain…

    Thread Starter jaanshen

    (@jaanshen)

    Hi Shail. Thanks for responding.

    I want my “read more” text to have an inline background color and align right. I have the css style “read-more” set up for it, but am having trouble finding where/what php file to apply it via span class.

    >> CONTINUE TO THE FULL ARTICLE ? already has a background color
    or you r pointing to somewhere else ?

    Shailesh

    (@shaileshsavaliya)

    Add this style at bottom of your style.css..

    .more-link
{
    float:right;
}

    and you also add more style in .more-link class as you required………
    Hope this work for you….

    Thread Starter jaanshen

    (@jaanshen)

    Thanks Shail & Robin. Sorry for the confusion, I found a workaround before your posts.

    Shail: I’m using inline for the text background color, which seems to make float:right not work. Any ideas? … though I can deal with it being aligned left as it presently is.

    Thanks again.

    [ Moderator Note: Please post code or markup snippets between backticks or use the code button. It will make your answers more readable if you use them. ]

    not sure why r u using it with h3

    but just simple without inline as well with float right it works

    .more-link {
    background-color: #B3FFFF;
    border-color: #B3FFFF;
    border-style: solid;
    border-width: 2px;
    float: right;
    font-weight: normal;
    line-height: 2em;
    padding-bottom: 0;
}

    Shailesh

    (@shaileshsavaliya)

    .more-link
{
    float:right !important;
}

    May this works for you……

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘"Read more" not accepting CSS style in K2’ is closed to new replies.