Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • #1023326

    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

    #1023327

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

    #1023331

    I think I just found out:

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

    Is that correct?

    #1023332

    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

    Let us know if you need any further assistance.

    Best regards,
    Vinay

    #1023355

    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?

    #1023479

    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

    #1024788

    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!

    #1024827

    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.

    #1024947

    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

    #1025003

    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?

    #1025090

    Hi,

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

    Best regards,
    Jordan Shannon

    #1025906

    Hi, sorry, look at this page please:

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

    #1025980

    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

Viewing 13 posts - 1 through 13 (of 13 total)

You must be logged in to reply to this topic.