Docs

[Rue Nel]

Hello Again,

This is how I see the test page:

The image logo is position at the center of the page. Could you please send us a screenshot of what you are seeing so that we can have an idea of what is going on?

Thank you.

[dimitrisco]

As I said before, the code you proposed did not vertically aligned the whole image on page. Instead I used:

<div id=”container”>
<ul id=”original”>
<li id=”cdwaysC”>

<div></div>

<li id=”cdwaysD”>

<div></div>

<li id=”cdwaysW”>

<div></div>

</div>

and then applied the following CSS on #cdways

#cdways {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}

which rendered the whole image fully centered (horizontally and vertically)! However, I also need to create full responsiveness, so if you have any more clues, please comment!

[dimitrisco]

Actually the correct class is #cdways and not #container (in html markup). Sorry for this.

[dimitrisco]

This reply has been marked as private.

[Rue Nel]

Hello There,

I have re visited and modified the code. I used Cornerstone this time around. You can see it here:
http://prntscr.com/d384jx
http://prntscr.com/d383we
http://prntscr.com/d384di

I used the same code as before. I used a table display format so that you can easily center the contents in what ever screen size you are viewing the page. The only draw is that this is not responsive. That is because, as I mentioned before, the #original along with all the other elements has a fixed dimensions (width and height). You can be able to make it responsive is you will have another set of code for smaller screens.

As this is all custom development, regretfully we won’t be able to assist further. Custom development is outside the scope of our support. We cannot provide support for third party scripts/code as our support policy in the sidebar states due to the fact that there is simply no way to account for all of the potential variables at play when using another developer’s plugin or script. Because of this, any questions you have regarding setup, integration, or troubleshooting any piece of functionality that is not native to X will need to be directed to the original developer or source of the code. We’re happy to provide advice and get you started in the right direction, but you would still be responsible for the implementation.

Thank you for your understanding.

[Author]

Posts