• Resolved magesh24

    (@magesh24)


    i want to reduce the space between the latest post in the homepage ( Row wise ) can you please guide me

Viewing 15 replies - 1 through 15 (of 16 total)
  • Theme Author icynets

    (@icynets)

    You can change the height by editing the style.css on line 1247 or search for class “post-content-box

    .post-content-box{
    	margin-bottom:15px;
    	height: 460px;
    	overflow: hidden;
    	display: block;
    	clear:both;
    	box-sizing: border-box;
    	-webkit-box-sizing: border-box;
    	-moz-box-sizing: border-box;
    	*word-wrap: break-word;
    	*-ms-word-wrap: break-word;
    	*-moz-word-wrap: break-word;
    }

    change the height to any px you want…

    Theme Author icynets

    (@icynets)

    a new update has been uploaded, so you won’t need to make any change urself…the new update users masonry to display content so that takes care automatically of the spaces…

    hope this helps..

    Thread Starter magesh24

    (@magesh24)

    this is not am expected !! i want 2 columns in the latest post section with by decreasing the content height ! can you please tell me how to bring this 1 to 2 coulmn latest post .. have a look space between the 2 post is more please reduce it.. have a look tamilcinemastills.com

    Thread Starter magesh24

    (@magesh24)

    this current latest post style is not good please revert back

    Thread Starter magesh24

    (@magesh24)

    could you please make the latest post like the 4column Area Post with little size bigger. kindly not the space between the post in the 4 column area! have a look https://www.tamilcinemastills.com

    Theme Author icynets

    (@icynets)

    You currently have 1 column in your site..i don’t know how u did it…

    i received similar complains about the content height being too much when the post has little content that is why i made the update to use masonry which eliminates the excess height spaces..

    If you need to reduce the columns spaces, u will need to edit the col-md-4 width in the bootstrap.css

    If you want to revert back to the old version here is the download link:
    https://www.dropbox.com/s/bijs0s8on4onf5o/skacero-lite-1.2.1.zip?dl=0

    Thread Starter magesh24

    (@magesh24)

    can you please explain me where to edit and what to edit to reduce the size in bootstrap.css

    Thread Starter magesh24

    (@magesh24)

    i reverted to the old version 1.1.9 can yo please tell me how to reduce the space between the post (row wise ) have a look – https://www.tamilcinemastills.com

    Theme Author icynets

    (@icynets)

    Edit the padding-right and padding-left of these classes col-lg-4 col-md-4 col-sm-6 col-md-6

    Thread Starter magesh24

    (@magesh24)

    made the changes but still the same .. can you please help further

    Theme Author icynets

    (@icynets)

    In your wordpress dashboad, go to Appearance > Editor, scroll down until you find, Styles click on Stylesheet (style.css)
    In your style.css add this code and click Update File

    .col-md-4,
    .col-md-6{
    	padding: 5px;
    }

    you can increase the 5px or decrease to any number you want…

    that should solve your problem…

    Thread Starter magesh24

    (@magesh24)

    am asking about this higlighted arrow mark spaces need to be decrease i made ur suggested changes.

    https://www.tamilcinemastills.com/wp-content/uploads/2016/04/sda.jpg

    Theme Author icynets

    (@icynets)

    i answered this problem a week ago in the first reply to this thread so i will copy and paste.

    To reduce the space between content top to down..follow the reply i gave below..

    You can change the height by editing the style.css on line 1247 or search for class “post-content-box”

    .post-content-box{
    	margin-bottom:15px;
    	height: 460px;
    	overflow: hidden;
    	display: block;
    	clear:both;
    	box-sizing: border-box;
    	-webkit-box-sizing: border-box;
    	-moz-box-sizing: border-box;
    	*word-wrap: break-word;
    	*-ms-word-wrap: break-word;
    	*-moz-word-wrap: break-word;
    }

    change the height to any px you want…

    Theme Author icynets

    (@icynets)

    However, If you want to reduced the space between contents left to right..or horizontally..

    add the code below in your style.css and change the padding number to the any number that suites you…

    .col-md-4,
    .col-md-6{
    	padding: 5px;
    }
    Thread Starter magesh24

    (@magesh24)

    Added as per your recommendation but stills the same look https://www.tamilcinemastills.com

    My code is :

    .post-content-box{
    margin-bottom:15px;
    height: 260px;
    overflow: hidden;
    display: block;
    clear:both;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    *word-wrap: break-word;
    *-ms-word-wrap: break-word;
    *-moz-word-wrap: break-word;

    }

Viewing 15 replies - 1 through 15 (of 16 total)
  • The topic ‘Need to Reduce the Space between the Post’ is closed to new replies.