Docs

[sebagc]

Hi Friends! Hoping not to bother! Im looking for help with two issues.
The first one, as seen in the attached picture, when using a featured list aligned to the right, the icons and connector don’t fit/align well. Is there a solution to this?

On the other hand, Im trying to achieve a result like explained in the following topic:
https://community.theme.co/forums/topic/horizontal-featured-list/
The code provided there doesn’t seam to work. Can you help me to adapt it?
What im trying to achieve is in the attached picture number2.png(with out the graphics at the extremes)

The website is o-tres.cl

Thank you very much in advance!
Best regards!
Sebastian

[Jade]

Hi Sebastian,

Would you mind providing us with login credentials so we can take a closer look? To do this, you can make a post with the following info:

– Link to your site
– WordPress Admin username / password
– FTP credentials

Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

[sebagc]

This reply has been marked as private.

[Lely]

Hello Sebastian,

Thank you for the credentials.
I can see the issue for the feature list item.
For the mean time, please add this fixed:

@media (min-width: 1186px){
.x-feature-box.right-text .x-feature-box-connector.full {
    left: calc(100% - 337px) !important; 
}
}

I have forwarded this issue to our developer for investigation. We’re sorry for the inconvenience this have caused you. Will let you know once we have an update.

Regarding the vertical feature list, unfortunately that can only be achieve using customization which is outside the scope of our support because it needs more structural modification. That is not possible at the moment with current feature list. Thank you for understanding.

[sebagc]

Thanks for the help!
Sadly its not working properly yet. Please see attached picture. Besides i can adjust the pixels in the code, it looks odd that the icon list doesn’t go all the way to the right edge of the column.

Regarding the vertical feature list, i understand that its out of the scope. I hope i don’t bother you with this favor, so please if im still out of place don’t pay attention. Can you just take a look at the code provided in te old topic i sent you just to let me know if its well directed? It seams that it worked back then.

Thanks!

[Rue Nel]

Hello There,

Thanks for updating in! This issue has been currently investigated by our dev team. Meanwhile, to resolve this issue, please edit your page in Cornerstone and insert the following custom css in the settings tab, Settings > Custom CSS

.x-feature-list .x-feature-box.right-text {
    display: table;
    margin-right: 0;
}

Hope this helps. Kindly let us know.

[sebagc]

Hi! To make things simpler, i just left the Featured List only for mobile views.
Ive seen several threads about the subject, but found no solution yet: The titles go outside the screen.
All threads suggest to make the font smaller, but in order to make fit the text inside the screen it has to be too small. Is there a way to adapt the space between the icon(im using images) and the title? Or edit the size of the image? And for instance, make the titles be responsive and adapt?

you can view the page in http://www.o-tres.cl
Thank you very much in advance!

Best regards!
Sebastian

[Rad]

Hi there,

1. Please add responsive text in your page, you can do that under your cornerstone settings

2. Add .x-feature-box-title as your responsive text selector

3. Arrange your min and max font size applicable for your mobile.

4. Add this CSS to make sure responsive text will not affect desktop font size

@media ( min-width: 980px ) {
.x-feature-box-title {
font-size: 1.5em !important;
}
}

Hope this helps.

[sebagc]

Hi!
Thank you very much! It works!

Is there a way to edit the following?:

1. the size of the images also?(it doesn’t have to be responsive)
2. the size of only one image of the list?
3. The space between the text en images?

Thank you very much!
Best regards!
Sebastian

[Jade]

Hi Sebastian,

I have checked the page but the feature boxes are not present there anymore.

Would you mind placing them back so that we could provide you with the answer to your questions?

Thank you.

[sebagc]

Hi Jade,
Im really sorry for bothering. I have the list only for mobile.

Please disregard number 1 and 3, it was obvious how to solve it. Im sorry!

Please let me know if you can help me with numero 2.

Thank you very much!
Best regards!
Sebastian

[Nabeel A]

Hi again,

You can give a unique class to the featured list item to increase the size of it’s image for example custom-list-item and then add the following code in your Customizer via Appearance > Customize > Custom > Edit Global CSS:

.custom-list-item .x-feature-box-graphic-inner {
    width: 150px !important;
}

Hope this helps!

[sebagc]

Perfect! Thank you!

[sebagc]

Im sorry! it didn’t work!

[Christopher]

Hi there,

If you want to adjust the size for all images in feature list element add custom-list-item in class field of feature list element and add following CSS :

ul.x-feature-list.custom-list-item img {
    width: 150px !important;
}

If you want to adjust the size only for one specific item, add custom-list-item in class field of that specific item and insert the same block of CSS.

Hope it helps.

[Author]

Posts