Advice on 3 issues needed

Resolved purplebubble
(@purplebubble)

6 years ago

Hi, this plugin is great. I have three small things I need help with:

1. Can I push ‘Read more’ onto a new line?
2. Changing the excerpt length seems to do nothing at all. Unticking the ‘show excerpt’ box works (it goes completely), but changing the length has no effect.
3. Can I remove the padding above the top post, so that the top of the first thumbnail lines up nicely with the large image of my About page to the left?

If you know how to solve even one of the above, I’d really appreciate your help. Many thanks!

The page I need help with: [log in to see the link]

Viewing 6 replies - 1 through 6 (of 6 total)

radektj
(@radektj)

6 years ago
1. custom css:
```
.rpwe-summary .more-link {
  display: table !important;
}
```
2. I have tested and looks good, please check theme (excerpt and custom length?)

3. custom css:
```
.rpwe-block ul {
  margin-top: 0;
}
```
Thread Starter purplebubble
(@purplebubble)

6 years ago

Hi, awesome, thanks! The Read More on new line has worked a treat. The excerpt length issue must be dictated by the theme as you say, I’ve just shortened the original excerpts to stop them extending below my thumbnails.

Number 3 above is still not working for me – the top of my first thumbnail image is still slightly lower (5-8 pixels?) than the image in the widget next to it – https://www.helpingauthorsonline.com. My entire custom code for this plugin is below, maybe something else is conflicting with the custom code you suggested?

.rpwe-block ul {
list-style: none !important;
margin-top: 0;
margin-left: 0 !important;
padding-left: 0 !important;
}

.read-more, .more-link {
color: #ef0202;
padding-left: 0px;
}

.rpwe-block li {
border-bottom: 0px;
margin-bottom: 10px;
padding-bottom: 10px;
list-style-type: none;
}

.rpwe-block a {
display: inline !important;
text-decoration: none;
}

.rpwe-thumb {
border: 0px !important;
box-shadow: none !important;
margin: 2px 10px 2px 0;
padding: 3px !important;
}

.rpwe-block h3 {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
clear: none;
font-size: 22px !important;
font-weight: 400;
line-height: 1.5em;
margin-bottom: 10px !important;
margin-top: 0 !important;
padding-bottom: 1px;
}

.rpwe-summary {
font-size: 16px;
line-height: 24px;
}

.rpwe-summary .more-link {
display: table !important;
}

.rpwe-time {
color: #bbb;
font-size: 16px;
}

.rpwe-alignleft {
display: inline;
float: left;
}

.rpwe-alignright {
display: inline;
float: right;
}

.rpwe-aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}

.rpwe-clearfix:before,
.rpwe-clearfix:after {
content: “”;
display: table !important;
}

.rpwe-clearfix:after {
clear: both;
}

.rpwe-clearfix {
zoom: 1;
}
radektj
(@radektj)

6 years ago
wp custom css and extra margin:
```
li {
	margin-top: 10px;
}
```
?

and plugin custom css and margin/padding (2px and 3px):
```
.rpwe-thumb {
border: 0px !important;
box-shadow: none !important;
margin: 2px 10px 2px 0;
padding: 3px !important;
}
```
Thread Starter purplebubble
(@purplebubble)

6 years ago
Hi, this is what I already have – the
- settings are in my site’s custom CSS and the rpwe custom CSS is already what you have posted. Maybe this alignment issue can’t be fixed?
radektj
(@radektj)

6 years ago
1. remove code (wp custom css):
```
li {
	margin-top: 10px;
}
```
2. plugin custom css and code:
```
.rpwe-thumb {
border: 0px !important;
box-shadow: none !important;
margin: 2px 10px 2px 0;
padding: 3px !important;
}
```
replace
```
.rpwe-thumb {
border: 0px !important;
box-shadow: none !important;
margin: 0 10px 2px 0;
padding: 0 !important;
}
```
Thread Starter purplebubble
(@purplebubble)

6 years ago

That has worked, many thanks! Am hoping removing the custom css won’t have an adverse affect on the rest of my site, will do a check. Thanks for your help.

Viewing 6 replies - 1 through 6 (of 6 total)

The topic ‘Advice on 3 issues needed’ is closed to new replies.

Tags