Return to previous page

ISSUES WITH BLOG AND REVOLUTION SLIDER - by Jimbo

This topic has 7 replies, 2 voices, and was last updated 9 years, 7 months ago ago by Eva Kemp

Jimbo

Participant

April 23, 2015 at 21:36

Hi I have some issues that I need to resolve so I will list them to make them easier to go through.

1) I would like the blog page ‘ READ MORE ‘ button to float to the left.

2) When i click on the read more button within the web page url it comes up with #more-17621 after the name of the blog post? how can I get rid of that please?

3) on the main blog page, if I add an image to the first line of my blog post before any text, when viewing on a mobile on the main blog page the image is approx 60px above the text? the gap is too big

see screen pic >>>

4) Revolution slider image on the blog post seems a little small on a mobile, can this be any bigger?
what is a good size to load for revolution slider?

5) what is the easiest way to make all blog posts the same font size and font family?

many thanks, look forward to getting these issues resolved as I need to get my website up and live very soon!

Please, contact administrator
for this information.

#59314 Copied

6 Answers

Jimbo

Participant

April 23, 2015 at 21:48

Just wanted to add another issue I have

6) I notice when I click on the read more button and it goes though to the blog post, for some reason it does not go to the top of the page, it starts near the bottom?

Not really good that a visitor to the website has to scroll up to the top of the page to read the blog post??

**** I HAVE RESOLVED ISSUE 1) ******

I added .read-more (float:left;)

thanks

#59315 Copied
Jimbo

Participant

April 23, 2015 at 22:12
I have now resolved the issue no 2) with the #more being in the web page url

I found this code for the fucntions which removes the #more in the page url
```
function remove_more_link_scroll( $link ) {
$link = preg_replace( '|#more-[0-9]+|', '', $link );
return $link;
}
add_filter( 'the_content_more_link', 'remove_more_link_scroll' );
```
This seems to have solved the issue with number 6) and now when clicking on the ‘ read more ‘ button it goes to the top of the page now.

issues still to be resolved are….

3)
4)
5)
#59319 Copied
Eva Kemp

Support staff

April 24, 2015 at 10:02
Hello,

3. Please add this code in custom.css file:
```
@media (max-width: 480px) {.blog-post .content-article div {
 margin-bottom: 5px !important;
}}
```
4. Use this code in custom.css:
```
@media (max-width: 480px) { .forcefullwidth_wrapper_tp_banner, .fullwidthbanner-container .fullwidthabanner {
    height: 200px !important;
}}
```
5. Use the following code:
```
.blog-post .content-article p {
    font-family: open sans !important;
    font-size: 16px !important;
}
```
Regards,
Eva Kemp.
#59401 Copied
Jimbo

Participant

April 24, 2015 at 11:12

Eva,

Many thanks for this, I will implement this and confirm everything is ok.

Your theme has done a great job of my new website!

Eva,

Can I ask if a little favour, could you check my functions.php file, when ever I add code to this it can make my home page slider not load.

Thanks again for your quick response!

#59427 Copied

Jimbo

Participant

April 24, 2015 at 16:51

everything worked ok eva,

3) works ok on the iPhone in portrait mode but big gap remain in landscape mode?

4) this code made the image bigger on mobiles but also cut the image off either side?

#59540 Copied
Eva Kemp

Support staff

April 24, 2015 at 17:08
Hello,

3. Please add this code:
```
@media only screen and (max-width: 1200px) {.blog-post .content-article div {
 margin-bottom: 5px !important;
}}
```
4. You can set custom dimensions for different layouts in Revolution Slider > select “Settings” of your slider > under “Main Slider Settings” select “Custom” in “Slider Layout” and write your own dimensions in “Responsive Sizes” section.

Regards,
Eva Kemp.
#59544 Copied
Viewing 7 results - 1 through 7 (of 7 total)