-
AuthorPosts
-
November 3, 2016 at 3:32 am #707489
I have my blog post set now and it looks like image 1 ‘Sample Before”
http://pasteboard.co/mAz6vzfVZ.pngI would like to format them so they look similar to “Sample with Border’
http://pasteboard.co/mAzli9rJ3.pngSee 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
November 3, 2016 at 7:53 am #707608Hey 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,
BasilisNovember 3, 2016 at 8:04 am #707617ok 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…
November 3, 2016 at 8:13 am #707621i used this but I dont want it dashed
article {
border: 5px dashed#e2e2e2;
padding: 5px;
}November 4, 2016 at 5:39 am #708033Hi,
Please try the following instead:
article { border: 5px solid #e2e2e2; padding: 5px; }
Best regards,
RikardNovember 7, 2016 at 2:20 am #708987Thats great.
Now how can I reduce the white space between the blog listings.http://pasteboard.co/o9vEgsj9P.png
thanks
November 7, 2016 at 5:13 am #708996Hi,
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,
NikkoNovember 9, 2016 at 6:06 am #710040yes sure. details below
November 9, 2016 at 6:32 am #710049Hi,
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,
NikkoNovember 9, 2016 at 6:48 am #710061yes that seemed to work. I will have a closer look and let you know if I need anything else.
Thanks very muchNovember 9, 2016 at 8:04 am #710106Hi!
Please also remember to rate our theme at themeforest through your account.
It would be really needed.Thanks a lot
Regards,
Basilis -
AuthorPosts
- You must be logged in to reply to this topic.