Docs

[mariogarcia1]

Hi Support,

Many thanks for your help on the last issue, can i ask for your help again?

I am using cornerstone for the first time and i really like it, on issue i am having is where i am trying to reduce the gap on a page header. I have attached an image of the page, and where i am trying to reduce the gap.

Please can you advise me as to how i reduce this gap?

Kind Regards

Mario

[mariogarcia1]

Hi Support,

Sorry the image size was to large, please try this one.

Many thanks

Mario

[Christian]

Hey Mario,

Firstly, your setup is incorrect. You have an h4 within an h4 (see attachment). Please remove the child h4.

Headings have a top and bottom margin by default. You need to add mtn class to a heading to eliminate the top margin. For more helper classes like mtn, please see page 37 of our documentation at http://updates.theme.co/resources_2156cca47d8d0f08b7cb9897a2358e41/documentation/x-documentation.pdf

Hope that helps. 🙂

[mariogarcia1]

Hi Support,

Many thanks for that, and you fast response. Can you explain further. I have used the H4 text option as i can then make the headline bold, and there seems to be more space reduction options than i get with headline option. Is adding bold an option to the headline in the headline element option.

I have gone through that page in the guide and it gives me the mtn code description but not how to apply, can you advise on how to use this correctly?

Kind Regards

Mario

[Zeshan]

Hi Mario,

If you just want to make your text bold, you can simply wrap your text in <strong> your text goes here </strong> tags. So it should look like this: http://prntscr.com/8hbotx. As for adding mtn class, you can add it under Class field of your element settings (see: http://prntscr.com/7qeolc).

Let us know how it goes. Thanks!

[mariogarcia1]

Hi Support,

Thanks again for that, in respect of adding mtn to the class field can you explain more how to add that please? I have found the class section, but what do i add? I have never used this or the class or style before so your advice would be appreciated.

Kind Regards

Mario

[mariogarcia1]

Hi Support,

Think i may have cracked it, but can i ask what the class and style are for, and also can i ask is it possible to duplicate whole pages in Cornerstone?

Many thanks

Mario

[Zeshan]

Hi Mario,

Class field is for adding CSS class that you can later use to style that element. As for the Style field, this is to insert inline CSS styling for that element. For example, you can change the color of your custom headline by adding color: #ff0000; under Style field of its settings (see: http://prntscr.com/7qeof1).

As for the Cornerstone, you can download or save your Cornerstone template (see: http://prntscr.com/86jsd8) and then simply upload or use it in other pages under Templates > Upload in Cornerstone (see: http://prntscr.com/86jsji).

Thanks!

[mariogarcia1]

Hi Support,

Many thanks for the pointers, i will give that a try.

Can i ask, how do i turn off breadcrumbs on individual pages?

Thanks as always.

Mario

[Prasant Rai]

Hello There,

Thanks for writing in!

To remove breadcrumbs kindly walk-through following thread:

https://community.theme.co/forums/topic/how-can-i-remove-breadcrumbs-from-specific-pages-and-posts/#post-28748

Let us know how it goes.

Thanks.

[mariogarcia1]

Hi Support,

Thanks for the breadcrumbs tip, it worked a treat!

Can i ask what is the best way in cornerstone to make the whole page white background? I have checked the forum but the advice of using custom css of .x-colophon.top {
background-color: #ffffff;
} hasnt worked.

Kind Regards & thanks again!

Mario

[Paul R]

Hi Mario,

To change the background of the page, you can add the code below in cornerstone > settings > custom css

body {
    background:#fff !important;
}

Hope that helps

[mariogarcia1]

Hi Support,

Thanks for the last advice and support. Can i ask a couple of questions:

1, I am trying to add timer magic countdown clock to a page designed with cornerstone, it provides code in java, see the example attached. How do i best add this to my page, or can you suggest another similar system that would work well with X?

2, I am trying to reduce the gap between sections, i have tried reducing padding and i have tried mtn class and it still doesnt work. Can you suggest a way to do this?

3, Can you change the present setting for the padding of 45px on each new section?

Thanks for your assistance.

Kind Regards

Mario

[Jack]

Hi there Mario!

Hope you’re well today.

1: I just checked and it works fine for me using that code, just use a text element in cornerstone and make sure to use the “text” tab and not “visual” and then paste

<script type="text/javascript" src="//timermagic.com/index.php?timer=yes&time=604800&width=250&height=60&rangeHi=day&rangeLo=second&offset=-5&hideLabels=false&hideLine=true&shortLabels=false&font=Arial&color=%23FFFFFF&bkgd=%232F4A7C&labelColor=%23a8a8a8&labelSize=1&labelOffset=6&target=1444133482589&style=boring"></script><div id="1444133482589" style="width:260px;margin:10px auto;"></div>

And it displays correctly. 🙂

2: Can you link me to the page you’d like to change the gap between sections on? If you already have the class you think should work. Try

.yourclass {
margin-top: -30px;
}

Just change .yourclass to your actual class name and change the px value as needed. 🙂

3: You can’t edit it within the theme, but you can remove it per section when you add a section, in cornerstone, click the section name > padding and just change all values to 0px.

Hope this helps.

Thanks! 🙂

[mariogarcia1]

Hi Support,

Many thanks for that, i have give your response to question 1 a try as this is what i had done before, and it does work and display the timer. The problem i am getting is that while working on the cornerstone design page once i add the code the page changes in the backend and i am left with the counter being shown at the top of the page, and then i cant select any other design function. See image attached. How can i fix or present this, if not can you suggest an alternative timer to use with X?

Question 2, the page in question is http://b30.9f1.myftpupload.com/sia-door-supervisor-upskilling-course-london/ its not all the gaps that i am intreseted in reducing, its gaps between some of the sections. Can you explain the class name a bit more please, but would it be that if i am using mtn class that it would read .mtn {margin-top: -30px;} but where would i add the code?

Question 3, this is what i do already. Many thanks.

All the best

Mario

[Author]

Posts