Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #560014

    Hi support team,

    Thank you for always helping me out with quick and precise solutions.

    I have a problem with the spacing in a countdown widget, which I have added to the header in the enfold theme. (See private content)

    Is it possible to adjust the spacing through css? So far I have added the following code to the quick css section:

    #header .widget {
    left: 107%;
    padding-top: 7px;
    position: absolute;
    top: 0;
    transform: translate(-50%);
    z-index: 999;
    }

    I completely understand if this is not within the scope of the support you are offering.

    Best regards.

    #560276

    Hi saraclementdk!

    Your site is timing out for me. Is everything ok?

    Also, please create a screenshot highlighting how your trying to customize the spacing.

    Best regards,
    Elliott

    #560362

    Hi Elliott!

    I have attached a link to an image in our website explaining what spacing we would like to make smaller. (see private content)

    The spacing we want to make smaller is showed with arrows pointing up.

    Best regards.

    #560363

    I found a solution :)

    I just added the line-height: 100%; width: 130px; to the above-mentioned css code.

    But do you think it is possible to make it responsive so that it does not change position when changing screen resolution?

    • This reply was modified 8 years, 2 months ago by saraclementdk.
    #560870

    Hi!

    Change your code to:

    #header .widget {
      padding-top: 18px;
      position: absolute;
      top: 0;
      transform: translate(115%);
      right: 0;
      z-index: 9999;
      line-height: 100%;
      width: 160px; 
    }

    Regards,
    Josue

    #561062

    Thank you so much guys!

    Great support as always.

    Have a nice day.

    #561159

    You are welcome, glad to help :)

    Regards,
    Josue

Viewing 7 posts - 1 through 7 (of 7 total)
  • You must be logged in to reply to this topic.