Okay
  Public Ticket #2593771
Custom CSS template
Closed

Comments

  • moxmarketing started the conversation
    November 7, 2020 at 4:30pm

    Good morning,

    I am having trouble adding custom CSS to the kalium Agency DEMO theme.

    I want to change the size of the Auto-Type function and also align it to the right.

    I cannot do it, I have found a ticket in which a moderator shows short of a Custom CSS template for kalium theme: https://d.pr/v/XVkr4V

    Any way I can get that code?

    I have tried this code and did not work:

    * /*Homepage: Auto Type line Height*/
    .wpb_wraper .auto-type-element {
        line-height:10px
    }

    Best regards,

    {"wp":{"use":false,"adminUrl":"","username":"","password":""},"ftp":{"use":false,"url":"","port":"","user":"","password":"","path":""}}
  • [deleted] replied
    November 9, 2020 at 8:33am

    Hi moxmarketing,

    You can find the font-size for for it by going to your Typography area.

    See video example: https://d.pr/v/EZigFp

    Thanks!

  • moxmarketing replied
    November 10, 2020 at 5:00pm

    Thank you,

    Is it possible to align the text to the right instead of left?

    I would like to know how to put CSS code to just this Autotype and not all of the websites autotype.

  • [deleted] replied
    November 11, 2020 at 8:14am

    Hi 

    I can see that you already added the Auto-type on the right side (see video), so I consider that you already solved this question. Is that right please?

    If not, then please add your question again and be more specific. It also would be nice to share share your Wordpress credentials, because I need to login to your site and test your questions live.

    To include your credentials click Insert Credentials button in editor toolbar (see how) so your reply will be private.

    Thanks!

  • moxmarketing replied
    November 15, 2020 at 6:10pm

    Hello,

    I solved it by adding custom css code to all the Agency child template:

    /* Homepage: Auto Type Line Height */
    .wpb_wrapper .auto-type-element {
        line-height: 90px;
        text-align:right;
    }

    So now all the autotype texts in my webpage are on the right side. See contact page:

    7201207906.png

    The thing is that, I only want the autotype on the Home page to be right sided.

    How can I use the Extra Class name to apply the custom settings to just that item?

    6336553251.png

    Kind regards,

  • [deleted] replied
    November 16, 2020 at 9:14am

    Hi,

    You just need to apply that CSS code on the Parameters and Options > Custom CSS area so the CSS code will be valid for that page onlysmile.png

    Have a nice day!

  • moxmarketing replied
    November 16, 2020 at 5:05pm

    Hello Ylli,

    I cannot figure it out,

    If I use for example the Extra class Name: HomeAutoType

    How would i refer to It in the custom CSS area?

    Thank you for your help.

    Kind regards,

  • [deleted] replied
    November 17, 2020 at 8:12am

    Hi,

    Sure you can also add a class to that element but I send you the easiest solutionsmile.png

    Thanks!