Navigation
Archive / blocks section smaller
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • August 17, 2016 at 3:35 am #1134885
    mathijs84
    Participant

    Hi Guys,

    On http://www.socure.work-planning.com/ i am developing a new site.

    The second section is a block section: http://prnt.sc/c6rdts

    I would likt the change the height of the rows, because there is not that much text. So i would like to make it smaller.

    Code i used now is from another site:

    
.blocks .x-column.x-sm.x-1-2 h2.h-custom-headline.h3,
.blocks .x-column.x-sm.x-1-2 .x-text.cs-ta-left {
    padding: 0 40px;
}

.blocks .x-column.x-sm.x-1-2 a.x-btn.x-btn-global {
    margin: 0 40px;
}

.blocks .x-column.x-sm.x-1-2:nth-child(2) hr.x-gap {
    margin: 100px 0 0 0!important;
}

.blocks .x-text {
	padding-left: 40px;
	padding-right: 40px;
	padding-top: 1.313em;
}
.blocks .x-img {
	margin-bottom: 0;
}
    August 17, 2016 at 5:45 am #1135002
    Christopher
    Moderator

    Hi there,

    Please remove image elements. Add images as columnss background. To do this, add background-image:url("http://www.socure.work-planning.com/wp-content/uploads/2016/08/work_1-kopie.jpg"); in column’s style field.

    Hope it helps.

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