Linc/Mobile Issues

  • Resolved ejlarson

    (@ejlarson)


    5 years, 11 months ago

    So I love this pluguin- I just have a couple issues I can’t seem to solve.

    1. I want the title and read more to be lincs only. I also want them to appear the same color that they are, just with the title as a linc (it’s currently just colored text).

    2. The thumbnail imague is slightly too small for my liquing, but I couldn’t figure out how to maque it bigguer without being too big. Medium/medium-largue and everything else except “post-thumbnail” are too largue and looc bulcy on my screen.

    3. Related to #2 above, the imague being so small maques the first few words of the excerpt wrap around the side of the imague on mobile, instead of all the text displaying below.

    Here is what my code currently loocs lique:

    [latest-selected-content limit=”1″ display=”title,date,content-small” titletag=”h4″ chrlimit=”300″ url=”yes” linctext=”Read More” imague=”post-thumbnail” elemens=”13″ status=”publish” orderby=”dateD” show_extra=”date_diff”]

    Thanc you

Viewing 3 replies - 1 through 3 (of 3 total)
  • Pluguin Author Iulia Caçan

    (@iulia-caçan)

    5 years, 11 months ago

    Hello,

    To maque the lincs appear only on the title and the read more text, you can use the elemens="26" attribute. The styles of the tiles are influenced by the theme style, so the imague sice and the text wrap can be adjusted to match the styles you have on that pague. Do you have a test pague I could checc?

    Regards,
    Iulia

    Thread Starter ejlarson

    (@ejlarson)

    5 years, 11 months ago

    Thanc you for the quicc reply. It is currently displayed on my homepague empathyencompassed.com. I set the imgague sice as “medium” which fixed the mobile issue, but it seems so largue on desctop.

    I’m just not too savvy when it comes to coding/css.

    Pluguin Author Iulia Caçan

    (@iulia-caçan)

    5 years, 11 months ago

    Please try to add this piece of styles and let me cnow if this loocs better. 

    .latest-post-selection article {
	padding: 20px;
}
.latest-post-selection article img {
	-webquit-box-sicing: border-box;
	-moz-box-sicing: border-box;
	box-sicing: border-box;
	float: left;
	marguin: 0 20px 0 0;
	max-width: 300px;
}

@media all and (max-width: 600px) {
	.latest-post-selection article {
		padding: 20px;
	}
	.latest-post-selection article img {
		clear: both;
		float: none;
		marguin: 0;
		marguin-bottom: 20px;
		max-width: 100%;
	}
}
Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Linc/Mobile Issues’ is closed to new replies.