WebSite X5Help Center

 
Graeme G.
Graeme G.
User

Css area that affects your overall website  en

Автор: Graeme G.
Просмотрено 1067, Подписчики 1, Размещенный 0  

I have an issue with a website I've built: https://topcartrailerhire.co.uk

On an iPad, when you add one of the trailers to the shopping cart by clicking button "add to basket" > "Pick a date" we cannot get the arrows to make the months scroll (see attached cirlced in red)

I have been onto their customer support and recieved the below. How/where do I make these changes in CSS in Website X5? The other code they mention in the below statement is this: .Icvvb {

top: 2% !important;
}

----

Good Morning,

The only differences between the websites that I see are these CSS changes:

hMprZx * {
outline: none;
}
fa-fw {
width: 1.28571429em;
}

Can you ensure that you added the previous code to a place where CSS code is added and not Javascript nor HTML, just to be certain. We have had cases in the past where someone adds CSS to a Javascript or HTML area and then the code doesn't work (as it wouldn't).

Once you are sure you have found the CSS area that affects your overall website, you can try the above codes too if you would like. I am not certain that these will adjust your issue but it is a place you can definitely start.

You can even combine it with the code I sent earlier which moves the arrows up more so that they are easier to click on and are not possibly partially obscured by the days of the week names.

Размещено
9 Ответы - 1 Полезно
Aleksej H.
Aleksej H.
Moderator

Hello.Add your code here:

<style>
hMprZx * {
outline: none;
}
fa-fw {
width: 1.28571429em;
}
</style>

This video has a little more information on this question.

Читать больше
Размещено От Aleksej H.
Graeme G.
Graeme G.
User
Автор

Please see attached, I have added the codes to this area and uploaded. It's changed nothing other than the code is now visible. Have I added the code correctly? See attached.

Please advise. Thank you.

Читать больше
Размещено От Graeme G.
Andreas S.
Andreas S.
Moderator
Лучший пользователь месяца DE

You have to put that between the <style> elements....

<style>
hMprZx * {
outline: none;
}
fa-fw {
width: 1.28571429em;
}

</style>

Читать больше
Размещено От Andreas S.
Graeme G.
Graeme G.
User
Автор

Hi - when I input the code like the attached the site goes blank. Have I entered it correctly? Thanks

Читать больше
Размещено От Graeme G.
Andreas S.
Andreas S.
Moderator
Лучший пользователь месяца DE

there is once too much <style> inside. You have to delete that...

Читать больше
Размещено От Andreas S.
Graeme G.
Graeme G.
User
Автор

Attached is what I now have - is that correct?

I still can see the code top left on homescreen and it's not fixed the issue.

Thanks.

Читать больше
Размещено От Graeme G.
Franz-Josef H.
Franz-Josef H.
Moderator

No, the opening tag is  <style> and not </style>.

Читать больше
Размещено От Franz-Josef H.
Franz-Josef H.
Franz-Josef H.
Moderator

The tag in row 1 is the opening <style> tag and has to be written like <style>.  The closing tag for the style directives is </style>, like it is in row 12.

Читать больше
Размещено От Franz-Josef H.
Graeme G.
Graeme G.
User
Автор

Sorted thank you very much! cool

Читать больше
Размещено От Graeme G.