Sir firstly thanks for this great Vantage Premium and with Sitebuilder.
My site is :
www.studyapi.com
see my homepage i set postloop as a grid and i want to increase the grid size.
Actully i want to make it like this site:
www.digit.in
what i do for it.
Waiting for a positive response. :)
Thanks
URL: http://studyapi.com
PS : i am premium user.
And
i want to design my grid like this site :
http://www.digit.in
please check it first sir.
Hi Sharad
Thanks for reaching out.
At this stage we unfortunately don’t yet have a layout in Vantage or Post Loop widget that has the setup you’re after.
If you’d like to use Appearance > Custom CSS and jump in at that level, the set of selectors you’d need to add to Custom CSS and edit are:
.vantage-grid-loop article { float: left; width: 25%; padding: 0 15px; margin-bottom: 30px; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; border-bottom: none; } .vantage-grid-loop article .grid-thumbnail { display: block; padding: 5px; border: 1px solid #c2c5ca; -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.1); -moz-box-shadow: 0 0 4px rgba(0,0,0,0.1); box-shadow: 0 0 4px rgba(0,0,0,0.1); background: #FFFFFF; margin-bottom: 10px; } .vantage-grid-loop article h3 a { color: inherit; text-decoration: none; } .vantage-grid-loop article .excerpt p { margin: 0; }Thanks sir for the help.
I have 3 problems again.
1. In grid i have to display on post title and thumbel not the little post text.
2. Remove the link hover orange color from grid.
3. There is large size of padding in left and right side in my homepage.
Sir please give solution for it.
Thanks.
For sure.
1. You can either remove your post excerpts or just hide the excerpt field as follows:
.vantage-grid-loop article .excerpt p { display: none; }2. Try setting your link color globally with the following:
/* Links */ #main a { color: #dd3333; } #main a:hover { color: #2b1100; }3. That depends on the screen size right? I think what you’re more asking about here is the overall container width of the site.
Here is how you can adjust the internal width of the site. It will make that adjustment to the header, footer and main divs:
/* Vantage Full Width Layout - Adjust Site Width */ body.responsive.layout-full #page-wrapper .full-container { max-width: 1080px; }