Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #707489

    I have my blog post set now and it looks like image 1 ‘Sample Before”
    http://pasteboard.co/mAz6vzfVZ.png

    I would like to format them so they look similar to “Sample with Border’
    http://pasteboard.co/mAzli9rJ3.png

    See images

    So I would like to enhance the look of the Blog Posts layout to have a fancy border around them and make each and very one the same height as the others ( if possible)

    So 3 in a row all the same height ( or ALL the same height depending on the content )

    Hopefully I have explained myself correctly.

    Thanks

    • This topic was modified 8 years ago by wealthyone. Reason: links didnt work but if copy and paste they do
    #707608

    Hey wealthyone,

    Unfortunately it would require quite some time and customization of the theme to achieve this, so I am sorry to tell you that this is not covered by our support. However if its really important for you to get this done, you can always hire a freelancer to do the job for you :)

    Best regards,
    Basilis

    #707617

    ok simple steps. how would I put a border around the blog post..

    Have seen this answered before in here but it didnt work for me…

    #707621

    i used this but I dont want it dashed

    article {
    border: 5px dashed#e2e2e2;
    padding: 5px;
    }

    #708033

    Hi,

    Please try the following instead:

    article {
      border: 5px solid #e2e2e2;
      padding: 5px;
    }

    Best regards,
    Rikard

    #708987

    Thats great.
    Now how can I reduce the white space between the blog listings.

    http://pasteboard.co/o9vEgsj9P.png

    thanks

    #708996

    Hi,

    Can you post a link to that page? so we can inspect further. You can place the link in the “private content” section so only moderators can view.

    Best regards,
    Nikko

    #710040

    yes sure. details below

    #710049

    Hi,

    Try add this code in Quick CSS (located in Enfold > General Styling):

    
    @media only screen and (min-width:768px) {
      #top .avia-content-slider div .av_one_third {
        margin-left: 2% !important;
        width: 32% !important;
      }
    
      #top .avia-content-slider div .av_one_third:first-child {
        margin-left: 0 !important;
      }
    }

    Let us know if it works :)

    Best regards,
    Nikko

    #710061

    yes that seemed to work. I will have a closer look and let you know if I need anything else.
    Thanks very much

    #710106

    Hi!

    Please also remember to rate our theme at themeforest through your account.
    It would be really needed.

    Thanks a lot

    Regards,
    Basilis

Viewing 11 posts - 1 through 11 (of 11 total)
  • You must be logged in to reply to this topic.