Comments Ryan started the conversationNovember 13, 2015 at 3:14amHi,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,973Support repliedNovember 16, 2015 at 6:48pmHi,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 coloradd the css code to theme options -> styling options -> custom cssthanksThank you. Clapat Support https://www.clapat.com/ Review Envato Item Support PolicyRyan repliedNovember 16, 2015 at 9:18pmRight, 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,973Support repliedNovember 16, 2015 at 9:41pmAssign 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\'thanksThank you. Clapat Support https://www.clapat.com/ Review Envato Item Support Policy Sign in to reply ...
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?
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
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.
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