Tagged: 

Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • April 3, 2016 at 3:54 pm #607243
    Daniel

    Hi, I’m trying to place an asterisk above some category items, see

    I also have category items that don’t need this * above the item title, and I’m not sure how to do this. I was thinking of using ::before but couldn’t figure it out.

    Hope you can help!
    Thanks, Daniel

    April 4, 2016 at 7:04 am #607399
    Rikard

    Hi Daniel,

    Please send us a temporary admin login so that we can have a closer look. You can post the details in the Private Content section of your reply.

    Thanks,
    Rikard

    April 4, 2016 at 8:00 am #607427
    Daniel

    Hi Rikard,

    Thanks! I’ve put the details in the private section.

    April 4, 2016 at 2:53 pm #607638
    Yigit

    Hey!

    Seems like you figured it out as following? :) 

    <center>*</center>

    Regards,
    Yigit

    April 4, 2016 at 2:55 pm #607640
    Daniel

    Hi Yigit,

    Unfortunately not. I tried to place some HTML in there but the line-height is not good and more important: the client won’t be able to work with this and the menu of the restaurant is changed often. That’s why I need a more solid solution :)

    Regards,
    Daniel

    April 4, 2016 at 3:00 pm #607646
    Yigit

    Hi Daniel!

    That would be the only way of adding asterisk on some items only, i am afraid. We cannot target them individually as they do not have some sort of post ID’s :/

    Best regards,
    Yigit

    April 4, 2016 at 3:43 pm #607685
    Daniel

    Hi Yigit!

    But we can target one catalogue right? With a custom class? In fact there’s one catalogue I need to use that uses the asterisk, the others don’t need it.

    Regards,
    Daniel

    April 4, 2016 at 3:58 pm #607693
    Yigit

    Hey!

    Oh i see. I thought you wanted to target certain elements in the list. Please turn on custom CSS field for ALB elements – http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/ and edit your element and give it a custom CSS class and then add following code to Quick CSS in Enfold theme options under General Styling tab

    .your-custom-class .av-catalogue-title:before {
    content: '*';
    display: block;
    text-align: center;
}

    Cheers!
    Yigit

    April 4, 2016 at 5:28 pm #607763
    Daniel

    That’s working like a charm, thanks!

    Cheers, Daniel

    April 4, 2016 at 8:48 pm #607848
    Daniel

    Hi guys,

    One more thing regarding the catalogue: they start with a dashed top border. How can I disable that?
     Found it!

    In shortcodes.css I found .av-catalogue-list{ border-top: 1px dashed; margin:0;} so I’m overwriting that.

    Regards, Daniel

    • This reply was modified 8 years, 8 months ago by Daniel.
    April 4, 2016 at 9:51 pm #607895
    Yigit

    Hi!

    You can add following code to Quick CSS as well

    .av-catalogue-list {border:none!important;}

    I am marking this thread as resolved. Feel free to start a new one if you have any other questions or issues :)

    Best regards,
    Yigit

  • Author
    Posts
Viewing 11 posts - 1 through 11 (of 11 total)
  • The topic ‘Catalogue: multiple lines in item title’ is closed to new replies.