How to Customize Testimonial

Illdy
1

Hello,

I am wondering how to customize the testimonial section. I want it to display a max length of characters then perhaps a tab that says read more to click and display the rest of the testimonial.

I also want to change the single post blog page image header so that it is not so wide. I am hoping this would also help the ext appear larger as well.

site: gallantlearning.com

Thanks,

2

Hello,

Achieving the testimonial behaviour that you are looking for would require extensive custom coding in the core files and I cannot really assist you with it in the free support scope.

I’m not really sure I understand what you want to achieve with the blog posts header image, so maybe you can assist me with a couple of screenshots as visual aidance.

It seems though that you could use this CSS code to make the header to display as a box:

.single #header {
    max-width: 1140px;
    margin: auto;
}

Kind regards

3

I understand about the testimonial script.

I am not noticing a difference with:

.single #header {
    max-width: 1140px;
    margin: auto;
}

I even tried setting it to 80px but I see no difference.

Also, how would I go about creating landing pages?

4

Please see the attached image on how the code is supposed to work.

If you are looking to modify the height of the header you should deal with this CSS code:

#header .bottom-header.blog {
    padding: 130px 0;
}

Let me know more about what landing pages you want to create.

If you need new page templates you will have to deal with it manually on the FTP server.

Regards

5

Hi Ion thanks for the replies!

#header {
max-width: 2018px;
margin: auto;
}

Works, but how do I apply this affect to every page except the homepage?

How do I push the sidebar over to the right more, to leave room for the main section of pages?

As far as landing pages I want to make three or four.
I want them to be very simple in appearance, but different than existing pages.
I want them to link back to the home page, but but be able to be reached through the homepage (like a promotions)

Thanks,

6

Hello,

You should add the .home class to it after you custom CSS, like this:

#header {
max-width: 2018px;
margin: auto;
}

.home #header {
max-width: 1000px;
margin: auto;
}

Try something like this for to push the sidebars and make more room for content:

@media (min-width: 1200px)
.container {
    width: 1600px;
}

As for the landing pages, you should use a no sidebar page and input all of your content into it.
You can custom create it and it will eventually lead to homepage.

Kind regards