Okay
  Public Ticket #583439
Portfolio Icons/Colours
Closed

Comments

  • Ryan started the conversation

    Hi,

    http://www.tricomedia.ca/redstone/

    I am trying to change the icons and colours of the boxes "Community/Phase Maps, Amenities etc." I have attempted to change


    <div class="project-info">
    <div class="zoom-icon"></div>
    <h4 class="project-name"><?php the_title(); ?></h4>
    <p class="project-categories"><?php echo $item_categories; ?></p>
    </div>
    </div>

    changing "zoom-icon" to "zoom-icon2", calling the different icon but in which file do I call this?









  •  1,973
    Support replied

    Hi,

    I can see you already changed the color to red. Or you want a different color?

    .zoom-icon {

    background: url(images/zoom.png);

    }

    change the url to the image you want to change


    .project-overlay {

    background-color: #e31b23;

    }

    to change the background color

    add the css code to theme options -> styling options -> custom css

    thanks

    Thank you.

    Clapat Support

    https://www.clapat.com/

    Review Envato Item Support Policy

  • Ryan replied

    Right, but I want a different icon and colour for each portfolio item. How do I change that? I can add the custom CSS but I can\'t add custom the name to project-overlay2 or zoom-icon2 for example to the portfolio item.

  •  1,973
    Support replied

    Assign am unique category to each portfolio item and add the styles for that category only

    .amenities .zoom-icon {

    background: url(images/zoom.png);

    }

    for example, having a category \'amenities\'

    thanks

    Thank you.

    Clapat Support

    https://www.clapat.com/

    Review Envato Item Support Policy