Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • July 13, 2019 at 4:13 pm #1118349
    B2LFilms

    Hallo,

    is there a way to change the masonry category to a nicer look?

    In standard the menu points are separated by / –> Test1 / Test2 / Test3

    I would like to display nice buttons like enfold is offering in other modules – is this possible?

    thank you very much and best regards

    July 13, 2019 at 7:39 pm #1118378
    Jordan Shannon

    Hey B2LFilms,

    You can style it via css to make them look like buttons.

    Best regards,
    Jordan Shannon

    July 13, 2019 at 10:00 pm #1118405
    B2LFilms

    Hy Jordan,

    thank you – is there a treat or something which give me the codes?

    thank you

    July 14, 2019 at 6:20 am #1118452
    Rikard

    Hi,

    Please post a link to where we can see the elements in question and we’ll give you custom CSS to use.

    Best regards,
    Rikard

    July 18, 2019 at 8:26 pm #1119996
    B2LFilms

    Hallo,

    here is the link with the menu

    My Shop

    I would like to change it in regular enfold buttons – just outlined or something like this:

    Landingpage

    thank you and best regards

    July 19, 2019 at 7:56 am #1120081
    Rikard

    Hi,

    Thanks for that. Please try the following in Quick CSS under Enfold->General Styling:

    .av-sort-by-term a {
    color: #ffffff;
    border-color: #b49147;
    border-radius: 3px;
    text-transform: uppercase;
    padding: 15px 16px;
    display: inline-block;
    margin-top: 20px;
    text-decoration: none;
    font-weight: bold;
    background: #b49147;
}

    Best regards,
    Rikard

    July 19, 2019 at 4:40 pm #1120263
    B2LFilms

    Hallo again,

    thank you so much… its working but not correctly I guess

    My Shop

    now the slash is still there – it looks a little bit strange with the / – how can I erase it

    and can I change the text color into white ? I tried font-color: #ffffff; and text-color: #ffffff; but its not working.

    thank you and best regards

    July 19, 2019 at 8:26 pm #1120333
    Jordan Shannon

    Hi,

    Add this to quick css:

    .av-masonry-sort .text-sep.basic_sort_sep.avia_show_sort{
display:none!important;
}

.angebote_sort_button .inner_sort_button span{
color:#fff!important;
}

    Best regards,
    Jordan Shannon

    July 20, 2019 at 12:08 pm #1120430
    B2LFilms

    Hallo,

    thanks again.

    is not working correctly – I get it to work with the white text but the separation don’t work correctly

    could you please take a look at it, thank you so much.

    My Shop

    best regards

    July 21, 2019 at 12:30 am #1120527
    Jordan Shannon

    Hi,

    Okay try the following:

    .text-sep{
display:none;
}

.avia_show_sort{
margin:0 5px
}

    Best regards,
    Jordan Shannon

    July 23, 2019 at 8:10 pm #1121256
    B2LFilms

    its worked perfectly!

    Thank you so much.

    best regards

    July 23, 2019 at 10:48 pm #1121301
    Jordan Shannon

    Hi,

    Perfect! I’m happy to help. If you need anything else, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)
  • The topic ‘Change Masonry Category to buttons’ is closed to new replies.