Navigation
Archive / Need white space removed from below raw content element
This is archived content. Visit our new forum.

Tagged: 

1 2
  • Author
    Posts
  • November 28, 2016 at 11:43 am #1273462
    Nicksowders
    Participant

    http://www.centex.nicksowders.com

    the raw content is a picture slider at the top of the site, right under the introduction. Thank You

    November 28, 2016 at 12:00 pm #1273484
    Rupok
    Member

    Hi there,

    Thanks for writing in! You can add this under Custom > CSS in the Customizer.

    .x-raw-content > #slider1_container {
  margin-bottom: 0;
}

    Hope this helps.

    Cheers!

    November 28, 2016 at 12:06 pm #1273487
    Nicksowders
    Participant

    Perfect Thank you!

    November 28, 2016 at 12:09 pm #1273489
    Rupok
    Member

    You are welcome!

    Glad that it helped. Feel free to let us know if you face any other issue. We’ll be happy to assist you.

    Thanks for using X.

    Cheers!

    November 28, 2016 at 1:38 pm #1273594
    Nicksowders
    Participant

    one more quick question. on the same site in the middle of it i have 4 pictures. white black red blue. how do i take the padding or margins off around it to make it touch each other without seeing the back ground. also the bottom of the section like the question above. Is there anywhere i can put code in to make all default paddings and margins to absolute 0 instead of having to go to each one and typing it in? Thanks again

    November 28, 2016 at 2:04 pm #1273614
    Jade
    Moderator

    Hi there,

    Please turn on the Marginless Columns option.

    November 28, 2016 at 2:12 pm #1273620
    Nicksowders
    Participant

    thank you for your help! now right below all the pics there is still a small margin section below. is there any css i can put in the child theme css to keep from having to do each section/element with the margin-less bottom, or do i need to do it specifically for each element/section?

    November 28, 2016 at 2:19 pm #1273628
    Jade
    Moderator

    Hi there,

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

    .home #x-section-7 img {
    margin-bottom: 0;
}
    November 28, 2016 at 2:26 pm #1273630
    Nabeel A
    Moderator

    Hi again,

    Please add the following code in your Customizer via Appearance > Customize > Custom > Edit Global CSS:

    .x-img {
    margin-bottom: 0 !important;
}

    Let us know how this goes!

    November 28, 2016 at 2:39 pm #1273642
    Nicksowders
    Participant

    I’m extremely impressed and appreciative by x-theme customer support. X-theme has a good thing going! Seeing the responses with solutions in such a quick manner, just gives me motivation to buy more licenses for other sites. Thanks again!

    November 28, 2016 at 5:04 pm #1273769
    Jade
    Moderator

    You’re most welcome! 🙂

    November 28, 2016 at 6:42 pm #1273839
    Nicksowders
    Participant

    Im having the same issue with my google maps raw content about halfway down. Can someone please help me with the css to remove the margin gap at the bottom? if i use google chrome and go to developer tools, whats the best way to find what a section is called, so i can resolve this issue and future ones from here on out. Thank You

    November 29, 2016 at 12:10 am #1274186
    Rupok
    Member

    Hi there,

    Thanks for writing back. This spacing causing by the map plugin you are using as there is the below CSS :

    .wd-row {
  margin-bottom: 15px;
}

    You can add this CSS to reset the margin for the map :

    .x-raw-content .wd-row {
  margin-bottom: 0;
}

    Cheers!

    December 2, 2016 at 11:01 am #1278941
    Nicksowders
    Participant

    how do you vertically center align a row of images?

    December 2, 2016 at 1:27 pm #1279091
    Joao
    Moderator

    Hi There,

    Ideally you prepare those pictures on photoshop or similar software so they are aligned when you put on your page.

    You also can use the gap element on top of the images to adjust it. But First choice is much better, it involved a bit of work but pays off.

    Hope I have answered your question.

    Thanks

    Joao

  • Author
    Posts
1 2
  • <script> jQuery(function($){ $("#no-reply-1273462 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>