Docs

[George C]

Hello,

I’ve spent a lot of time googling and searching through the X forums and found no hints for my dilemma.

The main reason that I bought X was because I needed something highly cusomizable that would make my life easier in creating a design like:
https://medium.com/@manicho/how-a-password-changed-my-life-7af5d5f28038
or like

The Secrets To Shooting And Processing Natural Light Portraits

After seeing the demos (http://theme.co/x/demo/integrity/1/ and http://theme.co/x/), I thought that it would be fairly easy to do with X, so I bought the theme.

I’ve reached the conclusion that the easiest way to do that is by integrating a Revolution Slider on each post, that would get its settings passed from the post via php. I’m on the verge of starting to modify the Ethos child theme to suit my needs and finding a way to pass the post title and date to the slider.

* What would be the easiest way to accomplish the full-screen-image-with-white-title-at-the-bottom look that I am looking for and which files should I look for?
* Is there a way to create the slider automatically when creating a post of does one have to always use the Revolution Slider menu?

Thanks.

[Mrinal]

Hi George,

Thanks for writing in!

At first, http://theme.co/x/ this is not a general page you can create easily. We’ve used special coding in child theme to make our landing page.

1) You can create a fullscreen slider above masthead for each page/post to show but you can’t show a post title slider for each post with featured post. Currently it’s not possible with X. You can consider to edit/customize wp-content/themes/x/framework/views/[stack name]/content.php file in a child theme to achieve the layout.

2) You can create a template in Rev Slider & assign it every time when you create a post.

Hope this helps, Cheers!

[George C]

In the end I did it the hard way and reached the result that I wanted ( http://blog.icy.ro/2014/08/test-post-new/ ).

I took the code generated by the revolution slider from a page, added a couple of ifs to check if the article is a post and that it has a featured image and got the link of the image, all in the header.

I just have to add the title, post author and date, but it should be fairly easy.

I have one more question:

* Why, when I select some text and drag the selection to the right edge of the screen, does the page move out of its bounds? How can I make it fixed? You can see the behavior here: http://blog.icy.ro/2014/08/test-post-new/

Thanks.

[Zeshan]

Hi George,

Thank you for writing in!

#1. Glad to hear you were able to accomplish it 🙂

#2. Regarding the scrolling issue, simply add the following CSS code in Customizer > Custom > CSS:

html {
   overflow-x: hidden;
   width: 100%;
}

body {overflow-x: visible !important;}

Hope this helps. 🙂

Thank you.

[George C]

Unfortunately, the problem still persists. I’ve even removed the child theme modifications I did, just to be sure I didn’t mess something up.

Any other ideas?

Thanks again!

[Cousett]

I see the issue and I think it’s because there is a width set on one of the containers that does not have to be there so you can add the following CSS code to the customizer -> CSS section:

.x-container-fluid.main:before {
width: auto;
}

body {
background-color: #fff;
}

I hope this helps.

[George C]

Yey! That fixed it, two thumbs up for you guys (and girls 🙂 )!

[Cousett]

Glad we were able to help. 🙂 Have a nice day.

[Anthony A]

Hi George,

Would you be able to share how you added the revolution slider above the header using the code editor? I am having a bit of trouble with the same issue. I would also like each of my posts to have a featured image.

Thanks!

[Rad]

Hi Anthony,

I think it was done through template customisation and not by post editor. There is another way to do that without modifying the templates.

Check this thread, https://theme.co/x/member/forums/topic/add-slider-to-article-post/#post-144635

Cheers!

[Author]

Posts