[GarryParticipant]

Hi, X theme.
I just changed my theme to The Grid.
I want to ask :
1. My image on my site have rounded corner and it seems applied on the grid image too. I dont wanna it applied to the grid.

2. Why all of my grid seems like on container. I have uncheck column container on conerstone.

3. Can I showing cat list like Essential Grid on my grid. because I dont see any option to do that.

thanks guys

[GarryParticipant]

This reply has been marked as private.

[LelyModerator]

Hello Garry,

Thank you for the credentials.

1.) Please update this custom CSS:

img{
    border-radius: 5px !important;
}

To this:

img:not(.tg-item-image) {
    border-radius: 5px !important;
}

The not selector will exclude the images on the grid.

2.) Can you clarify how you want it? When I checked the grid on homepage, I can see that container is set and you just have marginless columns. If you want to turn off container, please click ROW and then set Container to OFF.

3.)Do you mean display categories of each grid item? It depends on the grid skin you were using. Others don’t have but it can be added. You may check their documentation here:
http://theme-one.com/docs/the-grid/
We can add category using an element:http://theme-one.com/docs/the-grid/#!/add_element

Hope this helps.

[GarryParticipant]

This reply has been marked as private.

[LelyModerator]

Hi Garry,

You’re welcome!

2.) Edit the page > Under Page Template: Choose a Blank No Container Template. The entire content container is controlled by a settings Site Width and Site Max width that we can see on Appearance > Customize > Layout and Design. Since based on your screenshot you want it to be fullwidth, we need to use a no container page template. Then also add the following CSS to remove the GAP on top:

.home .x-container>.offset {
    margin-top: 0;
}
.x-header-landmark+.x-container>.offset>.x-sidebar {
    margin-top: 0;
}

Replace this custom CSS:

h1.h-landmark.entry-title { /*This hides the title but the container is still there causing white space*/
    display: none;
}

With this:

header.x-header-landmark { /*hides the block entirely*/
    display: none;
}

3.) What do you mean category option? When we choose term list from that dropdown it will display the category(s) of the grid. A grid can be added on a multiple category. Did I missed something here? Since you mention option, do you mean filter? Please clarify.

Hope this helps.

[GarryParticipant]

This reply has been marked as private.

[ChristopherModerator]

Hi there,

The content displays inside container, if I make it full width it will move sidebar to the right.

I created a page called X support, please check it. I think it’s close to what you want.

If you still wan to keep the old page, update previous CSS to :

.page-id-1475 header.x-header-landmark.x-container.max.width {
    display: none;
}

.page-id-1475 .entry-content.content {
    margin-top: 1px;
}

Hope it helps.

[GarryParticipant]

I have made your page as homepage for review. I don wanna the grid and my subscribe box (top margin) have no gap with slider above. Please give little margin. And about the width of the site, its too wide for me. Can you make exactly similar wide with the pict I attached above? Im very satisfied with my previous essential grid layout wide. Thanks

[Rue NelModerator]

Hello There,

Thanks for updating in! To adjust the width, you can simultaneously turn on the column container and the marginless column option in the row setting. As an example, I have made some changes in our test page as shown here: http://prntscr.com/eewyhk

And I also added a custom css to make sure that there is a space between the grid and the widget area.

@media(min-width: 980px){
  .x-section .x-widget-area {
    padding-left: 10px;
  }
}

Please check your site now.

[GarryParticipant]

This reply has been marked as private.

[LelyModerator]

Hello Garry,

We can adjust the widget using CSS too. See attached screenshot. That is the main structure of your homepage. The container of the GRID and sidebar is centered on the browser. We cannot adjust the grid without adjusting the entire container or removing the container entirely.

[GarryParticipant]

Honestly Im not understand. Can you make my grid bigger. or just reduce margin around the grid so the grids will be bigger?

[GarryParticipant]

This reply has been marked as private.

[RadModerator]

Hi there,

Please add this as well,

  .home .x-header-landmark {
display: none !important;
}

.home .x-header-landmark+.x-container>.offset>.x-sidebar {
    margin-top: 18px !important;
}

.home .x-main.left {
    padding-right: 0px !important;
}

.home .x-sidebar.right {
    padding-left: 0px !important;
}

Hope this helps.

[GarryParticipant]

Yes thats what I exactly mean. Thankyou Rad. btw, can I reduce more margin of left side? I enter – (minus) number but it seems didnt work.
And please make my featured image on grid more taller. I dont know what size is it, but I wanna make it more taller.
Thanks

[Author]

Posts