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.
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
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.
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?
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
Thank you so much guys!
Great support as always.
Have a nice day.
You are welcome, glad to help :)
Regards,
Josue