[virtual115Participant]

Dear all,

I love the x-theme. It seems so incredible flexible and nice to use.

What I am trying to do is to place a post grid with equal heights. How to do that?

Thank you in advance

[virtual115Participant]

This reply has been marked as private.

[ChristopherModerator]

Hi there,

Upon checking the URL, no content was added to this page, please add your content so we can see the issue.

Thanks.

[virtual115Participant]

This reply has been marked as private.

[ThaiModerator]

Hi There,

Try adding following CSS under Customizer > Custom > CSS:

.vc_gitem-zone-mini .vc_gitem_row .vc_gitem-post-data-source-post_excerpt {
    min-height: 161px;
}

Hope it helps.

[virtual115Participant]

Yes, this did the job. Thank you so much.
Is it possible to down align the red buttons?

Best Regards

[Paul RModerator]

Hi,

Sorry, I am not really sure what you mean by down align.

Can you provide a little more clarification of what you are trying to achieve.

Upon checking, I can see it is already aligned at the bottom

http://screencast.com/t/Ua7XE7apsaJa

Thanks

[virtual115Participant]

Sure, additionally I want to put the “Read more” buttons into one row.

Thank you!

[Paul RModerator]

Hi,

Can you provide us a screenshot and point to us where you want your buttons to appear.

Thanks

[virtual115Participant]

This reply has been marked as private.

[LelyModerator]

Hello There,

Thank you for the screenshot. Please note that the position of the Read More button will depend on the height/length of the excerpt. We can replace above CSS but please take note that your excerpt should be longer than that.
Replace this:

.vc_gitem-zone-mini .vc_gitem_row .vc_gitem-post-data-source-post_excerpt {
    min-height: 161px;
}

With this:

.vc_gitem-zone-mini .vc_gitem_row .vc_gitem-post-data-source-post_excerpt {
    height: 180px;
}

Setting a uniform height will align the red button.
Hope this helps.

[virtual115Participant]

Dear Support Team,

Got it.
Is there a documentation of the classes and objects within the x-theme. Did I missed it in the download section?

Thank you very much for your fast support here!

[ChristopherModerator]

Hi there,

Please check this KB article :

https://community.theme.co/kb/css-class-index/

Thanks.

[virtual115Participant]

Hmm, one other question. Sorry for asking that much …..

Why these buttons stay orange red although I changed the button appearance in the Theme Customization panel?
I don’t have any additional CSS for them active….

Thank you again.

[ChristopherModerator]

Hi there,

They inherit Visual composer style since they were added via VC grid element, to change their style please add the following code in Customize -> Custom -> CSS :

.vc_btn3.vc_btn3-color-juicy-pink, .vc_btn3.vc_btn3-color-juicy-pink.vc_btn3-style-flat {
    color: #ffffff;
    background-color: #f4524d;
}
.vc_btn3.vc_btn3-color-juicy-pink:hover, .vc_btn3.vc_btn3-color-juicy-pink.vc_btn3-style-flat:hover, .vc_btn3.vc_btn3-color-juicy-pink:focus, .vc_btn3.vc_btn3-color-juicy-pink.vc_btn3-style-flat:focus {
    color: #f7f7f7;
    background-color: #f23630;
}

Hope it helps.

[Author]

Posts