Docs

[brighthings]

Hello,

1. Can someone help me to get the button next to the form. (Voorbeeld 3)
2. And get a image above and the button without space next to the form (Voorbeeld 4)

Thanks.

[brighthings]

This reply has been marked as private.

[Rue Nel]

Hi There,

Thanks for writing in! To assist you better with this issue, would you mind providing us the url of your site with login credentials so we can take a closer look? 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.

To do this, you can make a post with the following info:
– Link to your site

– WordPress Admin username / password

Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

Thank you.

[brighthings]

This reply has been marked as private.

[Rue Nel]

Hello There,

Thanks for providing the information.

1] To resolve this problem and make the fields align, please edit your page in Cornerstone and insert the following custom css in the settings tab, Settings > Custom CSS

@media(min-width: 980px){
  #x-section-8 #x-subscribe-form-628 fieldset {
    display: block;
    float:left;
    width: 32%;
    margin-right: 2%;
    overflow: hidden;
  }

  #x-section-8 #x-subscribe-form-628 fieldset:last-child {
    margin-right: 0;
  }
}

2] To do the styling for the footer, you can make use of this code:

@media(min-width: 980px){
  body .x-colophon.top .textwidget #x-subscribe-form-760 fieldset {
    display: block;
  }

  body .x-colophon.top .textwidget #x-subscribe-form-760 fieldset+fieldset {
    width: 60%;
    float: left;
  }

  body .x-colophon.top .textwidget #x-subscribe-form-760 fieldset:last-child {
    width: 30%;
    float: right;
  }

  body .x-colophon.top .textwidget #x-subscribe-form-760 fieldset input[type="submit"]{
    max-width: 100px;
  }
}

As this is all custom dev styling, regretfully we won’t be able to assist further. Custom development is outside the scope of our support. 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 kind understanding.

[brighthings]

This reply has been marked as private.

[Paul R]

Hi,

You can add this under Custom > Edit Global CSS in the Customizer.

body .x-subscribe-form input[type="text"] {
       border-radius: 5px;
}

Hope that helps.

[brighthings]

This reply has been marked as private.

[Paul R]

Hi,

There is a missing bracket in your css code

http://screencast.com/t/wpa1iXZ71

Please replace it with this

@media (max-width: 979px) {
    a.x-brand.img {    
        left: 50%;
        margin-left: -25px;
    }
}
body .x-subscribe-form input[type="text"] {
       border-radius: 5px;
}

You need to close @media

Then for your second query, add this code in your custom css

.x-colophon.top , .x-column:last-of-type {
    min-width:250px;
}

Hope that helps

[brighthings]

This reply has been marked as private.

[Christopher]

Hi there,

Update this code :

body .x-subscribe-form input[type="text"]{
    border-radius: 5px;
}

To :

body .x-subscribe-form input[type="text"], .x-subscribe-form input[type="text"], .x-subscribe-form input[type="email"] {
    border-radius: 5px;
}

Find and remove following code :

@media (min-width: 980px){
.x-colophon.top, .x-column:last-of-type {
    min-width: 250px;
}
}

Hope it helps.

[brighthings]

This reply has been marked as private.

[brighthings]

This reply has been marked as private.

[Christian]

Can you give us a screenshot of the buttons not having the same height?

For the footer form, please tweak the code given previously here https://community.theme.co/forums/topic/button-next-to-form/#post-1170929

For the image, please https://community.theme.co/forums/topic/space-between-items-2/#post-1171344

Getting the arrow to align under the button would require custom CSS. Regretfully, further customizations from here would be getting into custom development, which is outside the scope of support we can offer. If you need more in depth changes, you may wish to consult with a developer. X is quite extensible with child themes, so there are plenty of possibilities. Thanks for understanding.

Thanks.

[brighthings]

This reply has been marked as private.

[Author]

Posts