Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #984918

    Hi,

    I am setting up the following website

    https://www.mylocaltaxi.co.uk/burnley-taxi-service

    I am struggling two change the following colours for Catalouges.

    Catalouge Title Colour
    Catalouge Content Colour
    Catalouge Dotted Line Colour

    However I only want to change the colour per section.

    I want to add classes for each section individually to choose separate colour and setting for the section.

    So far I have used the following codes

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

    .av-catalogue-title {
    color: white!important;
    }

    .main_color .av-catalogue-list li:hover {
    background-color: inherit;
    }

    but these change the colour for each catalouge on the website.

    I also created this custom class for one section but it didn’t work. I have enable the ALB Section and named it .catalouge-font

    .catalouge-font .av-catalogue-title {
    color: white!important;
    }
    Please can you help so that

    I can do the following

    Change the

    – Catalouge Font Colour for Heading and Content for each section I will be using following colours (#81204c & #8fd2f4)
    – Catalouge Border Dotted Line Colour for each section I will be using following colours (#81204c & #8fd2f4)
    – Remove the Highlight colour for all Catalouges
    – Reduce the Size of font for Catalouge Content section contents

    #984919

    Sorry I want to permanently remove the dotted lines around each catalouge item.

    #984929

    Managed to sort it out myself … using your wonderful forum and supporting document.

    :)

    You can close the ticket.

    I used following codes

    .catalouge-font .av-catalogue-content {
    color: #5b5b5b!important;
    }

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

    .catalouge-font .av-catalogue-title {
    color: #81204c!important;
    }

    .main_color .av-catalogue-list li:hover {
    background-color: inherit;
    }

    ul.av-catalogue-list, .av-catalogue-list li {
    border: none;
    }

    .catalouge-font .av-catalogue-list li .av-catalogue-price {
    color: #81204c!important;
    }

    Not sure if I can combine them into one … but it is working now.

    Thank you.

    #985389

    Hi,

    Great, glad you found a solution and thanks for sharing, much appreciated :-)

    Please open a new thread if you should have any further questions or problems.

    Best regards,
    Rikard

Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Catalouge Colours’ is closed to new replies.