Docs

[rawbbiez]

Greetings!

I recently purchased X Theme to work on a small project because I was so blown away by it before. Right now I’m running the current version, with Revolution slider for the splash screen.

The site looks great on both of my PCs at home and work, although my friend (who I am doing the site for) is telling me it looks quite wrong on his computers. While I’ve asked him for more information regarding OS, Browser, etc, I would like to get a head start on fixing things by reaching out to you guys for possible solutions. Would definitely like to avoid changing my entire stack because I really enjoy using X theme. It’s definitely better than the other pay themes I’ve tried.

I can provide login details if someone is willing to assist. Thanks everyone!

Here are some of the issues experienced:

– For the key image, it’s lined up a bit high, resulting in the top of the image being cut off. Is there a way to zoom out or centre it differently to avoid this?

– The overall ‘page’ doesn’t fit exactly in the browser – the little ‘down’ arrow in the circle gets cut off a bit (scroll down icon). Can we get it all to fit fully in the page?

– It does not seem to resize properly on an iPhone resulting in the main image being slipped on the sides.

[Rupok]

Hi there,

Thanks for writing in! Let’s provide your URL and some screenshot to point out the issue (so that we can compare).

Cheers!

[rawbbiez]

Wow! Thanks for the speedy response. I will definitely be back with screenshots once I receive.

Thanks again. Love the service.

[Rue Nel]

You are most welcome!
Please let us know then.

[rawbbiez]

This reply has been marked as private.

[rawbbiez]

This reply has been marked as private.

[Rue Nel]

Hello There,

Thanks for the updates!

1] To have a small print, you must enclose or contain it with an element or class.

<small><em>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer scelerisque eros eu pulvinar dictum. 
Nunc egestas massa at elit bibendum, cursus fringilla nunc faucibus. 
Proin dignissim efficitur nunc a cursus.</em></small>

2] and 3] To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

Thank you for your understanding.

[rawbbiez]

This reply has been marked as private.

[Lely]

Hi There,

#2 Please try adding the following custom CSS on Appearance > Customize > Custom > Edit Global CSS:

body .gform_wrapper .top_label .gfield {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}
body .gform_wrapper .top_label div.ginput_container {
    margin-top: 0 !important;
}

Above CSS will adjust vertical spacing between the fields.
#3 Consent Box and the text are now on the same line when I checked and they are properly aligned. See attached screenshot. Please confirm that this is now sorted out.

Hope this helps.

[rawbbiez]

This reply has been marked as private.

[Christopher]

Hi there,

Please add this code :

li#field_1_13 label {
    clear: none;
    float: left;
    font-size: 10px;
}
ul#input_1_13 {
    margin-top: -6px;
    margin-left: 8px;
}
.ginput_container.ginput_container_checkbox {
    float: right;
}
input#gform_submit_button_1 {
    margin-right: auto;
    margin-left: auto;
    display: block;
    float: none;
}
body .x-colophon-content {
    margin-top: 0 !IMPORTANT;
}

Please add pbn in section #1 class field.

Hope it helps.

[rawbbiez]

This reply has been marked as private.

[Rue Nel]

Hello There,

Thanks for the updates!

1] You will have to edit back again your page in Cornerstone. Click on the section # 1. In the section settings, you will see a class field. Please see this screenshot: http://prntscr.com/ci7ec5

2] To resolve this issue, please add the following css code in the customizer, Appearance > Customize > Custom > CSS

li#field_1_13 label {
    clear: none;
    float: left;
    font-size: 11px !important;
}

li#field_1_13 {
    padding-top: 35px;
}

Hope this helps. Please let us know how it goes.

[rawbbiez]

This reply has been marked as private.

[Rad]

Hi there,

Please change this CSS

ul#input_1_13 {
    margin-top: -6px;
    margin-left: 8px;
  padding-top: 35px;
}

to this

ul#input_1_13 {
    margin-top: -3px;
    margin-left: 8px;
    padding-top: 0px;
    font-weight: bold;
}

And please add this as well,

#choice_1_13_1 {
    margin-left: 5px;
    margin-top: 3px;
}

Cheers!

[Author]

Posts