Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1273336

    ckeot
    Participant

    Hello,
    I am using X and got help from a designer to get the basic website design after which I am working on it myself.
    I cannot figure out one thing – I cannot change the font size and style for H1 H2 tags. Currently I am working on my landing page. I have looked into some old threads and tried to play with the custom codes (i have 0 knowledge in this field though) but it did not work out.
    Can anyone help me out please.

    regards
    Chandan

    #1273339

    Rupok
    Member

    Hi Chandan,

    Thanks for writing in! Here goes the default font-size for all headings :

    h1, .h1 {
        font-size: 400%;
    }
    h2, .h2 {
        font-size: 285.7%;
    }
    h3, .h3 {
        font-size: 228.5%;
    }
    h4, .h4 {
        font-size: 171.4%;
    }
    h5, .h5 {
        font-size: 150%;
    }
    h6, .h6 {
        font-size: 100%;
    }

    You can modify the font-sizes and add again under Custom > CSS in the Customizer.

    Cheers!

    #1273556

    ckeot
    Participant

    Hello Rupok,
    I copied the above code and added it to custom CSS but it did not do any change to the font size and style.
    Maybe I am not getting something. You can check the snapshot.

    thanks

    #1273562

    ckeot
    Participant

    Sorry it worked. I did not change the default values at first attempt. But it only changed the font size. How can I change the font type too.

    thanks

    #1273565

    Joao
    Moderator

    Hi There,

    You can go to Appereance > Customizer > Typography and choose the font-type you would like.

    Hope that helps

    Joao

    #1274697

    ckeot
    Participant

    Hello Thanks for the advise.
    I have one question – how can you change the default distance (padding) between 2 text blocks.
    I want to put one text box on top of other without any padding for a single page.

    thanks
    Chandan

    #1274726

    Joao
    Moderator

    Hi There,

    You can add the class: man to the class box of your text boxes. man stands for margin all none.

    You also can use your style box to set the padding for example: padding-top: 10px; or padding-bottom: 10px;

    You find the style and class box on the bottom of the left Cornerstone tab of your text element.

    Hope it helps

    Joao

    #1292447

    ckeot
    Participant

    Hello,
    I have another question – is the post title taken by default as H1 tag, or do I have to create a separate title with H1 tag when writing the post. I don’t want to use 2 H1 tags.

    Also if I have a post title and a custom title using H1 tag, I see both of them one above another. Can I hide one of them (this is in case the post title is not taken has H1 by the theme).

    #1292500

    Paul R
    Moderator

    Hi,

    Post titles are wrap in h1 tag by default. No need to add another h1.

    Thanks

    #1292582

    ckeot
    Participant

    thanks for the quick response.
    Can you please tell me – when I add an image in a post through the IMG tab, is there an option to add an image caption right below the image. Currently, I am just writing a normal paragraph line and using space separating it from rest of the paragraph to make it look like a caption, but I guess there is a proper way to put a caption.

    Thanks in advance.

    #1292730

    Lely
    Moderator

    Hi There,

    You’re welcome!
    There’s a Promo element in Cornerstone. If you want to use shortcode, try this:
    [x_promo image="http://www.mysite.com/image.jpg" alt=""]Test[/x_promo]

    Hope this helps.

    #1293889

    ckeot
    Participant

    Hello,
    I used the shortcode as given above. But it creates a big gap between text and image. Attaching the snapshot. How can I reduce the space between the image and text and also control the text size.

    Regards
    Chandan

    #1293892

    Lely
    Moderator

    Hello Chandan,

    Please add this CSS on Appearance > Customize > Custom > Edit Global CSS:

    .x-promo-content {
        padding: 0; /*This is 1.5em by default*/
    }

    Hope this helps.

    #1293920

    ckeot
    Participant

    Hi,
    This works and thanks for the code.
    But it is too much work to copy paste this code every time I have to insert an image.
    Is there any way in X, wherein if I insert an image it takes the caption by default (from the caption that I specify during import to library).

    #1293923

    ckeot
    Participant

    Also I noticed that if I use the img tab to insert image then I can see the alt text in the code itself. Do I have the same feature when using the custom shortcode given above. I mean if I use the shortcode then will my image have the alt text still valid.