Docs

[iamwithU]

Hello,
I’m learning to use X and like to explore the ease of using some of its Elements. Is there any guide or documentation that can explain the following in a laymanish way?

1) What is the difference between Feature Box, Feature Headline, Feature List?

2) What is Accordian & Block Grid?

3) I read in the Forum about using Feature Box to place links (hypertexts). Is this process now simplified in your latest update?

4) How do I remove the Header logo (logo image) from only the Front Page of my website (yet to be built)? After all, clicking the logo brings back to the same page, and so nothing moves.

[Rahul]

Hi,

You can have a look at our Knowledgebase and you should have answers to all your questions : https://community.theme.co/kb/

For the last question, are you using a custom page or a blog posts as your homepage?

Thanks

[iamwithU]

Hi Rahul,
Tks for prompt reply. I’m using a custom page as my homepage.

I’ve gone through all the KB, including the link you gave me. But I couldn’t find any page that gives a layman any idea how to start using the Elements, or explain what these are. Can you pinpoint the exact page?

I’ve also gone through: https://theme.co/cornerstone/elements/.

Is there other place or anyone who can give basic guide?

For a simple example, I like to use the Feature Box. But instead of icons, I want to insert images with captions. How do I get the images into circular shapes? How long should I set the Fading effect for each image, with caption, so that they appear one after another just like in your https://theme.co/cornerstone/elements/?

[Rue Nel]

Hello There,

Regretfully we do not have an extensive element guide that clearly describe each of the elements in a very detailed way. When you use a Feature box, you will have an option to select a graphic whether you use an icon or image. And if you selected an image, you only need to provide the image source. There is no way you can add a caption.

If ever you want a graphic size, there are options which you can use from square, rounded or circle.

And if you want to control the fading effect or the animation, you must select the animation first and you will then be provided of the animation offset and animation delay.

Hope this helps.

[iamwithU]

That was very helpful indeed, Rahul. Just what a beginner needed.

What about can you or someone tell me in a gist briefly:

1) What is the difference between Feature Box, Feature Headline, Feature List?

2) What is Accordian, Block Grid, Raw Content about?

Hmm, I think you were about to tell me about my previous question, which was why you asked me if it’s blog post or page. I replied it’s “custom page” for my Homepage.

4) How do I remove the Header logo (logo image) from only the Front Page of my website (yet to be built)? After all, clicking the logo brings back to the same page, and so nothing moves.

As for question (3), i’ll post in a separate thread. Tks!

[Rupok]

Hi there,

Thanks for updating. Rather explaining about the elements, it would be best if you see them on the demos. You can just drag them in a test page and see how they look.

#4. You can add this under Custom > CSS in the Customizer.

.home .x-brand {
  display: none;
}

Hope this helps.

Cheers!

[iamwithU]

Hi Rupok,
Your code did remove the logo.

But the rest of the navigation bar contents (menu text) got pushed up. Is there a way to get the menu text to remain in the same position?

My menu is on the left side bar.
Cheers.

[Rahul]

Hi,

Please add some more CSS :

.x-navbar-fixed-left .x-navbar-inner>.x-container.width, .x-navbar-fixed-right .x-navbar-inner>.x-container.width {
    margin-top: 50px;
}

You can change the value from 50 to as per your need.

Thanks

[iamwithU]

Hello,
I realise that when I remove the logo on the Home page, the Mobile view has an empty space next to the menu. So I’m thinking instead of just removing the logo on the Home page, I replace it with a text. In other words, some text appears in the area for my logo on the Home page. (The other pages retain the logo.)

The text I like to take over the logo on the Home page is: red in color, and bold font.

[Jade]

Hi there,

Please provide us with the URL in question so that we could check this further.

[iamwithU]

Hi Jade,
What I meant is in reference to Rupok’s code (see May 12 reply above):

.home .x-brand {
display: none;
}

Instead of removing the logo on my Home Page, I would like to have a text there instead – just for the Home Page. The other pages will still have the logo. How should the code be written? I would like the text to be in red and bold.

I know this is out of the norm. I was thinking that if the code to remove the logo one page is straightforward, it may also be quite stress-less to just replace it with a text. Do let me know if it’s otherwise. I’ll understand.

But if it can be achieved without too much grief, the text on my Home Page (in lieu of the logo), will make a world of difference for both the Desktop & Mobile views. Thanks in advance.

[Rupok]

Hi there,

You can’t just remove logo and use text for a specific page. You need to do this globally by removing logo from Customizer.

However you can use this code instead to hide the logo but keep the space there (remove previous code) :

.home .x-brand {
 visibility: hidden;
}

Hope this helps.

Cheers!

[iamwithU]

Huh? Then how do I insert the text to take place of the logo?

If that cannot be done, isn’t this the same as the previous code?

If I can insert text, how do I do it?

[Rupok]

Hi there,

If you remove the logo then the site title will be displayed as text. You can change your site title from Settings > General.

Hope this makes sense.

[iamwithU]

Hmm, don’t understand. I’m only wanting to remove the logo from one page – the Home Page. And insert some text in lieu of that logo – only on Home Page. The other pages retain the logo.

Please appreciate that I’m a beginner. I thought X was suited for beginners 🙂

[Author]

Posts