Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • May 26, 2023 at 11:32 am #1408661
    newmediologo

    Hi.. As subject, I need to reduce the height of a single text block with just one line of text and if is possible using an unique ID attribute..
    Is a blog post in draft build with Advanced Layout editor.
    How I can do..?

    Thank You very much

    May 26, 2023 at 4:16 pm #1408708
    Rikard

    Hey newmediologo,

    Could you post a link to where we can see the element in question please?

    Best regards,
    Rikard

    May 26, 2023 at 4:30 pm #1408713
    newmediologo

    Hi Rikard is a blog post in draft.. Is not visible.. I ask if I can reduce the height of a text block using a code like this example

    #your-unique-id {
  max-height: 20x;
  margin: 20px auto;
}
    May 26, 2023 at 6:05 pm #1408719
    Guenni007

    depends on where the text-block is? – because f.e. color-sections got a min-height setting of 100px

    May 26, 2023 at 6:07 pm #1408720
    newmediologo

    @Guenny007 the text block is stand alone..

    May 27, 2023 at 10:53 am #1408768
    Rikard

    Hi,

    If you share WordPress login details with us, then we can see the post in question. You can post the details in the private content box of your reply.

    Best regards,
    Rikard

    May 27, 2023 at 12:00 pm #1408775
    newmediologo

    Rikard is a plain text box wit just one line of text.. How to reduce the height..?

    Thanks

    May 27, 2023 at 6:34 pm #1408798
    Guenni007

    Please read this first: But even if it is not set by you in a surrounding container – there will be some automatic parent containers anyway. One of them is main.content. with padding : 0 50px
    as a parent container to your #your-unique-id you can’t influence it for lack of css selectors regarding parent containers. The ID you set goes to the direct parent of the avia_textblock class.
    The auto p function will insert p-tags – these will have top/bottom margin of: 0.85em
    This could be set to 0 by your ID:

    #your-unique-id p {
  margin: 0;
}

    so – even if you use a placed parent container (f.e a 1/1 column) for that text-block and give a custom ID or Class to that Element then it wouldn’t be of any use to you. ( only color-section is usefull – but as a full width element it will not allow sidebares besides )
    For that post influence it by the postid

     /*** customize to your postid ***/
#top.postid-43042 .content {
  padding: 0;
}
    May 27, 2023 at 6:40 pm #1408800
    Mike

    Hi,
    A ALB text element gets it height from the text in it:
    Enfold_Support_2150.jpeg
    so I assume the height you are referring to the P tag margin
    Enfold_Support_2153.jpeg
    to do this with a custom class, and the custom class remove-p-tag-margin to your text element and this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

    .remove-p-tag-margin p {
	margin: 0;
}

    After applying the css, please clear your browser cache and check.

    Best regards,
    Mike

    May 28, 2023 at 8:48 am #1408845
    newmediologo

    Thanks @Guenni007 this 

    #top.postid-43042 .content {
  padding: 0;
}

    works..

    Thank You very much

    May 28, 2023 at 11:42 am #1408852
    Rikard

    Hi,

    Great, I’m glad that @guenni007 could help you out :-)

    Please let us know if you should need any further help on the topic, or if we can close it.

    Best regards,
    Rikard

    May 28, 2023 at 12:32 pm #1408857
    newmediologo

    Thanks Rikard.. Can close.. Following the @guenni007 directions I’ve put the text block in a 1/1 container and the code woks fine..

  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)
  • The topic ‘How to reduce the height of a specific text block using unique ID’ is closed to new replies.