Topbar: Change size to 1200 px

[ibaard]

Hi there,
I have filled the topbar with a javascript (changes image every day to simulate a countdown).
In the image below you will see that it does not extend on all sides.

Is there a CSS code that I can use to make the background white (it looks grey on my mobile device) and then get the size up to max 1200px for the images?

I have been searching in the forum for a solution.

Kind regards
Baard
PS: THe website is www.findusfisketirsdag.no

[Alaa]

Hi Baard,

Your images have a white background by default, you can change this white background in the images themselves using any image editor.

To show the image in full width, you can add this CSS code to (Theme Options > CSS):

.x-topbar-inner.x-container.max.width {
    width: 100%;
}

.x-topbar-inner .p-info {
    float: none;
}

.x-topbar-inner .p-info img {
    width: 100%!important;
}

As this is all custom development, regretfully we wont be able to assist further. Custom development is outside the scope of our support. We are happy to provide advice and get you started in the right direction, but you would still be responsible for the implementation. And moreover, this solution may not work after several updates especially if the themes structure changed or overridden.

I’ll list below some CSS/HTML resources that should help you to carry on these modifications on your own in the future:

Thanks.

[ibaard]

Thanks for your help.

Kind regards, Baard

[thai]

You’re welcome.