Tagged: , , ,

Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • October 18, 2018 at 12:52 pm #1023326
    tuxscde

    Hi,
    I am working on this page (see private content).

    and my customer would like to have the same font for the catalogue content that we use for the body.
    She doesn’t like to have so many different sizes and font styles.
    How can I make the catalogue (using the elegant style) content font look like the normal (default) body font?

    Thanks in advance,
    Michael

    October 18, 2018 at 12:53 pm #1023327
    tuxscde

    oh … and also to match the color as the body font color …

    October 18, 2018 at 1:01 pm #1023331
    tuxscde

    I think I just found out:

    .av-elegant-toggle .toggle_content {
    font-size:inherit;
    {

    Is that correct?

    October 18, 2018 at 1:03 pm #1023332
    Vinay

    Hi,

    Thank you for writing to us.

    The catalogue element fonts can be changed by adding custom CSS.
    Please check out the documentation for the CSS reference

    Catalogue

    Let us know if you need any further assistance.

    Best regards,
    Vinay

    October 18, 2018 at 2:02 pm #1023355
    tuxscde

    Thank you very much for the quick response.

    Somehow
    .av-catalogue-content {
    color:#666666;
    }
    is not working.

    The font color does not change.
    What am I doing wrong?

    October 18, 2018 at 5:08 pm #1023479
    Jordan Shannon

    Hi,

    Try adding it to the very top of quick css so it runs first and clear your cache a few times over. Also adjust it to this:

    .av-catalogue-content {
color:#666666!important;
}

    Best regards,
    Jordan Shannon

    October 22, 2018 at 11:27 am #1024788
    tuxscde

    Hi,
    is it possible to change the font size individually per catalogue?
    Let’s say I have tow columns on my page with one catalogue each and I want the right catalogue font look smaller than the catalogue on the left column.
    Is there a way to do this?

    Thanks!

    October 22, 2018 at 12:50 pm #1024827
    tuxscde

    Hi,
    it seems I was able to change the font individually:

    I added this to the Quick-CSS:

    /* Alternative Schriftart für Katalog */
.ms-av-catalogue-title {
font-size: 10px;
  }

.ms-av-catalogue-list li:hover .ms-av-catalogue-title {
	color:#ffffff!important;
}

    and
    ms-av-catalogue-list li:hover ms-av-catalogue-title
    to the Custom CSS Field in the Catalogue Element.

    The font is now smaller but the hover effect (change the background color) ist not working.

    October 22, 2018 at 4:25 pm #1024947
    Jordan Shannon

    Hi,

    Add this to quick css for the hover effect:

    Do you mean the background when you hover over the entire section? What should it be?

    Best regards,
    Jordan Shannon

    October 22, 2018 at 5:22 pm #1025003
    tuxscde

    Hi,
    thank you very much for your reply.

    Yes, I mean the hover effect when you move the mouse over a service, just like on the left catalogue.
    I would like the background color to be #F6D8D3.

    Add this to quick css for the hover effect:

    Sorry … is the CSS code missing in your reply?

    October 22, 2018 at 8:40 pm #1025090
    Jordan Shannon

    Hi,

    Hmmm, apologies, but can you screenshot the area you are referring to? I’m already seeing hover-states.

    Best regards,
    Jordan Shannon

    October 24, 2018 at 2:31 pm #1025906
    tuxscde

    Hi, sorry, look at this page please:

    Nageldesign und Maniküre

    The right column with the title “Extras Maniküre” is the one with the catalogue I mean. No background change there when I hover.

    October 24, 2018 at 4:41 pm #1025980
    Jordan Shannon

    Hi,

    Thanks for clearing that up. Add this to quick css:

    .avia-builder-el-11 ul.av-catalogue-list li:hover{
background:#F6D8D3!important;
}

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 13 posts - 1 through 13 (of 13 total)
  • You must be logged in to reply to this topic.