Docs

[laureljt]

Question: I want to use the Ethos 1 Demo Content – But when I selected “Setup Demo Content” under “X add-ons” I get just a blank at the top where the carousel should be. Thanks for your help in advanced. By the way, I really like this WordPress theme.

Site: bethelbaptistravenna.com
WordPress: 4.7.2
X Version: 4.6.4
Cornerstove plugin Version: Version 1.3.3
Slider Revolution plugin Version:Version 5.3.1.5

[Lely]

Hi There,

You might not have post yet to display on that part.
1.) Make sure that you have post on WordPress Admin> Post > All Post
2.) Go to Appearance > Customize > Ethos > Post Carousel >Display: Check what is selected here..
Most Commented – If comments is enabled
Random – random post
Featured – On each post on Post > Edit Specific Post > Ethos Post Settings > Post Carousel Display:vCheck this option. See attached screenshot

Under your logo and menu, there’s a blank white section too. This means that Post Slider for Blog is enabled on Appearance > Customize > Ethos > Post Slider for Blog. Same with Carousel settings for the display. This time on Post > Edit Specific Post > Ethos Post Settings > Post Slider for Blog:vCheck this option.

Hope this helps.

[laureljt]

Lely,

Do you know where I can make changes to modify the carousel? If I wanted to change the size, change border size, navigation buttons, etc of the carousel where would I go?

Also thank you your suggestion worked for making the post show on the main page.

[Friech]

Hi There,

You can adjust how many will be visible on carousel base on the viewer’s screen on Appearance > Customize > Ethos > POST CAROUSEL – SCREEN DISPLAY.

You can add this under Custom > CSS in the Customizer to adjust the border size.

.x-post-carousel.unstyled .entry-cover {
	border-width: 5px;
}

I’m confuse, please clarify which button you’re referring to.

Thanks.

[laureljt]

oh if i wanted to change left and right the navigation buttons on the carousel

[Lely]

Hi There,

Where using FONTAWESOME icon on the navigation buttons. We can use custom CSS to update it. Depending on what you want use, you may select other icons from here:http://fontawesome.io/icons/ and tell us and we will give you updated CSS. Or if you want to use custom image, use this custom CSS:

.x-post-carousel .slick-next:before {
    content: '';
    width: 56px;
    height: 50px;
    background: url(http://thisismysite.com/urltomyicon.jpg) center no-repeat;
    background-size: contain;
}
.x-post-carousel .slick-prev:before {
    content: '';
    width: 56px;
    height: 50px;
    background: url(http://thisismysite.com/urltomyicon.jpg) center no-repeat;
    background-size: contain;
}

Hope this helps.

[laureljt]

thank you that is perfect

[Prasant Rai]

You are most welcome. 🙂

[Author]

Posts