CSS solution for three fullscreen Sliders

I’m struggling to be able to actually add new content or anything now as it isn’t looking how it should do:

https://ibb.co/gM5kGrq

In this example the first word should be black and the second yellow (using .

I presume these issues are all interlinked as these have all come together.

I have tried deleting my cache from the privacy section in Safari – no luck however.

Hopefully it’ll help to shed some light on things.

Hey,

Thanks Rikard – you guys are no doubt very busy.

I’ve created ‘Test Homepage’ (duplicated my homepage). It is the very top button with the man either below or next to depending on the device.

If you are able to explore the other issue of the large margin or padding left and right (desktop and maybe tablet) then that would be very helpful too.

Thanks.

And just to follow up in case I didn’t address your screenshot question:

That issue is site wide – the entire content for the website is squashed in both from the left and right and at the same time the creation of new content doesn’t look right either. As shown in the screenshot – that second word should be yellow using the strong tag like other areas of the site. This is true for any new content I create so it’s a massive issue.

Thanks.

Best,
Chris

Hi,

There are 2 main issues I have.

1. Buttons for all of my three sliders of my homepage

There are three Sliders:

One is for desktop where I have had to set the entire image as clickable because I am unable to create some css that will allow me to position a button in the right place. Therefore, I have simply made a button in Illustrator

https://ibb.co/R2PPZJm

The second is for tablet and I have had to do exactly the same as above for the same reasons.

The third is for mobile where my css I mentioned above applies. However, depending on the phone it isn’t quite in the right place obviously due to screen size. At present my title and my person are created in Illustrator and thus are images. As you can see from the screenshot I always want (regardless of the mobile screen size) for the button to be in between the title and the man whilst still being visually appealing.

https://ibb.co/W5x7CXv

In this preview it looks great however in different phone screen sizes, not so much.

I need a solution to this. I can amend my original Illustrator image e.g. take out the title and add in Enfold and add the man in the same way to get the same result. The button positioning will be in the same spot as what you can see in the Illustrator version – underneath the title whilst still in the black background.

Problem 2

Content across the website is squashed in from the left and right

As you can see from the first screen shot the menu is squeezed in from the left and right. This is true for the entire website and is a nightmare as it seems that new content is being added correctly either.

https://ibb.co/gvFjj1H
https://ibb.co/swNtLgx

As in you can see this is a consistent issue.

You can also see now that where I have inputted the strong command for ‘Tradie Ticket’ it is still white. It used to be yellow but for some reason has now changed. This is true across the entire website and any new content I create. Yet in the ‘Special Heading’ preview as I write it, it shows yellow.

These are the two big issues I have write now and it’s a big problem so if you guys are able to allocate some time to help solve this then it would be greatly appreciated.

Thank you,
Chris

Hi,

Thank you.

My second issue hasn’t been addressed however.

There is still a massive issue where I cannot add new content that fits correctly and the problems with the margins left and right. Can you see the same on your screen?

https://ibb.co/gvFjj1H
https://ibb.co/swNtLgx

Could somebody please address this asap.

Best,
Chris