[SandieParticipant]

Hi,

I need some help with a grid created in plugin THE GRID.

You can find it at the bottom of the page: https://youpheal.com/behandlingar/tuning/

IMAGE OF THE GRID: http://prntscr.com/el1m9r

1. Remove the date.

2. Increase the size of the text in the grid.

3. I would like to have some space between the “images”, now they are stuck together. How do I do that?

4. Is it possible to use the same FONT as I have on the rest of the site? And if so, where do I change the font of the grid?

Thanks!

Best Regards
/Sandra

[Nabeel AModerator]

Hi Sandra,

Thanks for writing in! Please add the following code in your Customizer via Appearance > Customize > Custom > Edit Global CSS:

#1

.lome .tg-item-date {
    display: none !important;
}

#2

.lome .tg-item-title, .lome .tg-item-title a {
    font-size: 25px !important;
}

#3

.tg-item.lome {
    width: 32% !important;
}

#4

.lome .tg-item-title, .lome .tg-item-title a {
    font-family: "Open Sans",sans-serif !important;
}

Let us know how this goes!

[SandieParticipant]

Hi,

Those worked great, just need some additional help with the GRID.

You can find the grid at the bottom of the page: https://youpheal.com/behandlingar/tuning/

1. The first image (grid) has a long word HOLOGRAFISK KINESIOLOGI. So because of the lenght of the word it gets cut of. So I wonder if its possible to split the word so HOLOGRAFISK is on one line and then KINESIOLOGI is at the other line below. Can I make that change by CCS or can I do that for the PAGE TITLE (as the source for the GRID is PAGES). Please advise me how to solve this best.

See Image what I mean: http://prntscr.com/eledqu

2. Can I get the images to get displayed from the top and downward? Now they are displayed from the center, which makes the first image to be cut of by the head.

See what I mean: http://prntscr.com/elee1k

3. Can I change the font style to “regular” instead of BOLD as it is now?

Thanks!

Best Regards
/Sandra

[Rue NelModerator]

Hey Sandra,

Thanks for updating in!

#1] To break the word using a css, you can make this code:

body .tg-item .tg-item-title {
    word-break: break-word;
}

#2] And to make sure that the image is positioned from top to bottom, you can add this code in your customizer, Appearance > Customize > Custom > Edit GLOBAL CSS

body .tg-item-media-inner>div {
    background-position: top center !important;
}

#3] To change the font from bold to normal, you can make use of this code:

.lome .tg-item-title, 
.lome .tg-item-title a {
    font-weight: 400 !important;
}

We would loved to know if this has work for you. Thank you.

[SandieParticipant]

Thanks, it works great! The support you offer is so awesome!

I have two more questions for another grid I have as well.

You can find the grid here: https://youpheal.com/test/

1. Can I change the TITLE of each item in the grid? Instead for the name to be the same as the PAGE TITLE?
I would like the page title “TUNING” to be “Feel better mentally with TUNING”.

2. Can I decide which one of the item that comes first? I just find Acending and Decending in settings for the Grid.

http://prntscr.com/elz12k

Thanks!

Best Regards
/Sandra

[Rue NelModerator]

Hello There,

Thanks for updating in!

#1] The title of the grid usually be coming from the page title. You will need to edit the page and edit the title. This is the easiest way.

#2] If you want to change the order, please check out this documentation: https://theme-one.com/docs/the-grid/#!/source_settings. You may need to add order by value to make this work.

Hope this helps.

[SandieParticipant]

Hi,

For #1, is there any other way to change the title for the grid? As I need it to be different for different grids.
If there is any CCS I can add for that specific grid or so.

Please let me know how to proceed.

Thanks!

Best Regards
/Sandra

[LelyModerator]

Hello Sandra,

#1. An option to achieve this is adding meta key. It is like adding a custom field on each post/grid item. Then on GRID skin, we will use this meta key of the custom field to display that name. See this link for guidance:https://community.theme.co/forums/topic/help-with-the-grid-taxonomy/#post-1406055. Be it category, date or another name, we can use the meta key to add it on the grid.

Hope this helps.

[SandieParticipant]

Hi,

That was a bit tricky for me.

What do I fill in the field for creating a Meta Key Filter?

http://prntscr.com/emmbjc

Page “TUNING”, instead of it to say “TUNING” on the grid item, I want it to say “Feel better with TUNING”

The Grid: http://prntscr.com/emmckt

The name of the Grid is: BEHANDLINGAR

Thanks!

Best Regards
/Sandra

[LelyModerator]

Hello Sandra,

How to add the custom field/metadata: http://screencast-o-matic.com/watch/cbe3fp6Ebo
This is the metakeyname: custom_title_metakey
I add value which is:This is my alternative TITLE for post
This is how we add it on the grid skin:http://screencast-o-matic.com/watch/cbe3fz6EbV

Once you have added the custom field, you can see that it is already available for every post. We just need to add value.

Hope this helps.

[Author]

Posts