Cookie texts position after translation

[2ce]

Hello,

Can you please help me with a position of my cookie policy texts? I put there a shorter option of texts for another language and now, the texts are not in the center of the site (there's a huge space between the texts and "X" button to close the cookie policy). Can you please help me exactly "where" and "what" do I put in the code of the website to have it done?

Screenshot attached.


Thank you for any advice,

Martin

 

[Rodolfo]

Center that using CSS.

#cookie-law-banner p { text-align: center; }

 

[2ce]

And where do I put the code please? I can't find the exact folder. Thank you for ur help!

Already found! But the code has already the same value like you sent me.

 

[2ce]

As you can see on the picture attached, I'd like to see the cookie text and "X" button closer each other and both together in a center of the site. Thank you

 

[Rodolfo]

Play around with the CSS, is the only way in which you could move stuff like that.

By the way, if you don't give me a visual cue of what exactly you want I'm afraid that I cannot help you that much. I'm sure that you have a very clear idea on what you want but you if you want something more closer to what you need then help me to understand it.

By the way, remember that this system is responsive, it won't look the same in different screens.

 

[2ce]

Hello,

At first, thank you for your reply.
I've already centered the cookie text but I can´t move the "X" button closer to the cookie text. There´s a big space between. Is it possible to move it closer? If so, how can I do that?

First image shows the current situation. The second image shows how I would like to see it.

Thank´s, Martin

 

[Rodolfo]

You have to understand that the theme is responsive, so it reacts to the device width. This means that what you see in desktop / mobile / laptop / etc. isn't exactly the same all time.

Having said that, what you want should be achieved by using this custom CSS code:

a.cookie-law-close {
    position: static;
    display: inline-block;
    margin-left: 20px;
}
#cookie-law-banner p {
    max-width: calc(100% - 40px);
    padding-right: 0;
    display: inline-block;
    vertical-align: top;
}

 

[2ce]

Hello,

I've just tried to use that CSS code you sent. Now, the "X" close sign is on the place I wanted to have (X sign is closer to the cookie text). But the cookie text is not in a center of the site. As you can see in my previous post (First_image), the X sign is too far from the text and it looks weird, that's all I wanted (just put it closer). The Second_image from my previous post shows the text and X sign closer each other and in a center of the site. I'd like to have it same for all devices (desktop,tablet,mobile).


Thank you for any advice.

Martin

 

[Rodolfo]

Add text-align center to the p styles. All the stuff can be customized via Css.