Docs

[bak]

Hi

1) How can I have the bullet points left-aligned on this page? I know that default mobile view is center-aligned

2) On row 3 of section “Copy of Kont Produkte PC” I applied the class triangle_w. Why can’t I see the triangle?

[bak]

This reply has been marked as private.

[John Ezra]

Hi there,

Thanks for writing in! You can add this under Custom > CSS in the Customizer or in your child theme’s style.css file.

For #1

@media (max-width: 767px) {
    .left-text {
        text-align: left !important;
    }
    .right-text {
         text-align: right !important;
    }
}

Regarding the missing arrow, I can’t see an after element for that column, so it may not be working properly. You can use this CSS though to get it to work.

.x-container.triangle_1.marginless-columns
.x-column.x-sm.x-hide-xs.x-hide-sm.x-2-5:after {
        top: 50%;
    margin-top: -35px;
    height: 0;
    margin-right: -69px;
    right: 100%;
    margin-left: 0;
    transform: rotate(270deg);
    content: "";
    display: block;
    position: absolute;
    border-width: 35px;
    border-style: solid;
    border-color: #f1f1f1 transparent transparent;
    width: 0;
}

Hope this helps – thanks!

[bak]

This reply has been marked as private.

[Nico]

Hi There,

To apply the CSS to a certain page, add class page id to the css so that it will be adjusted on that page only. For example.

@media (max-width: 767px) {
    .page-id-5174 .left-text {
        text-align: left !important;
    }
    .page-id-5174 .right-text {
         text-align: right !important;
    }
}

Hope it helps.

Let us know how it goes.

Thanks.

[bak]

Hi

1) text in the first section is left aligned: is it possible to have it center aligned?
2) the text with the bullet points in the section below is center aligned despite the code above. How can I make it center aligned?
3) I implemented the code above for the triangle but I cannot see any changes

[Rue Nel]

Hello There,

Thanks for the updates!

1] Please remove ‘left-text’ custom classes and add a center-text class in your column settings instead.
http://prntscr.com/b45g8b

2] Please do the same as step in #1. And then in your text element containing the bulleted list, please add an inline css margin: 0 auto; max-width: 500px;. It should look like this: http://prntscr.com/b45hiq

3] I do not see a class triangle_w on the page. Please make sure that you have added.

Please let us know how it goes.

[bak]

This reply has been marked as private.

[Nabeel A]

Hi again,

Upon checking your site, I see you’re using an old version of X theme and Cornerstone plugin. Please update the theme and plugins to the latest version to avoid styling conflicts. You can find the latest version numbers here: (http://theme.co/changelog/) Then you can compare them to what’s installed on your site.

If you find anything to be out of date, you can review our update guide.

Let us know how this goes!

[bak]

This reply has been marked as private.

[Christopher]

Hi there,

#1 Add left-text in text class field.

#2 Remove following classes from text elements with bullets :

left-text and right-text

#3 You should add this class to your section, not row.

Hope it helps.

[bak]

This reply has been marked as private.

[Christopher]

Hi there,

#1 It’s left aligned in desktop and works fine in mobile.

To change button’s alignment, add margin:0 auto;display: table; in button’s style field.

#2 Please see the attachment.

Hope it helps.

[bak]

This reply has been marked as private.

[Rad]

Hi there,

1. You’ll have to move your button within the text element where the class left-text is applied. Or you can follow the suggested inline style (eg. margin:0 auto;display: table; ). I tried that on your site and it’s working, but I can’t find that being added.

It’s not centered on mobile due to this uneven padding in the column padding: 5% 3% 3% 6%;

2. It’s within your text element class input. Would you mind providing your admin login credentials in private reply?

Thanks!

[Author]

Posts