blog type and rollover images

[fercafer]

HI
I have some questions about this theme:

1. 1-I want blog standard in my blog main page. And also, I want the categories pages use mini format. How can i do it?. I have a page with the blog configured like standard but web shows mini like I have configured on theme options.
2. 2-How can i change the default rollover image?

Thank you!

[Kyle – SUPPORT]

Hi

1) You need to go to Theme Options > Archive/Category Options and select mini for the default layout

2) Which image do you mean? If you mean the hover effect, it is not an image, it is html and css, so it’s only slightly customisable

– Kyle

[fercafer]

Hi!!

1)Ok, i understand that we must configure the blog type in Category options. But, can make the category pages like mini and a page with a element blog configured like standard type?
2) Yes, and i mean the hover efect. how i can customize it? can use an image?

[Kyle – SUPPORT]

1) Yes of course you can

2) Unfortunately you can’t use an image

– Kyle

[fercafer]

Thank you Kilie

Finally, I was able to configure the different types in categories page and main blog page.

Please, Where can I change the css to change the hover effect?

Fernando

[Kyle – SUPPORT]

You will just add your custom CSS to the Custom CSS in theme options. To find out what you need to change, I would suggest using something like Firebug.

If you are not familiar with CSS then I can help you but you need to tell me exactly what you want to change about the hover

– Kyle

[fercafer]

Hello Kyle

I want a transparent layer and the central circle with other icon.

Is it possible to know the css code to this effect?
I´m familiar with CSS but, can not find the code by firebug (or using Chrome). I can locate it, but is easiest that you tell it.

It´s is possible to know the codes and functions?

Thank you

[Kyle – SUPPORT]

Is it the portfolio hover you want to change?

– Kyle

[fercafer]

yes…
ANd also the hover effect on blog mani image

[Kyle – SUPPORT]

Add this to your custom css:

figure.animated-overlay:hover figcaption {
  transform: none;
}

Then go to Theme Options > Hover Overlay Opacity and set to 0

– Kyle

[fercafer]

and how can cahnge the icon???

I think that is better you tell me where is the css code of the effect 🙂

[Kyle – SUPPORT]

To edit the icon you would need to edit single-portfolio.php:

dante/single-portfolio.php:
  139  					<li class="index"><a href="<?php echo get_permalink($portfolio_page); ?>"><i class="ss-layergroup"></i></a></li>
  140  					<?php } ?>
  141: 					<li class="next"><?php previous_post_link('%link', '<i class="ss-navigateright"></i>'); ?></li>
  142  				</ul>
  143  				
  ...
  326  						<li class="index"><a href="<?php echo get_permalink($portfolio_page); ?>"><i class="ss-layergroup"></i></a></li>
  327  						<?php } ?>
  328: 						<li class="next"><?php previous_post_link('%link', '<i class="ss-navigateright"></i>'); ?></li>
  329  					</ul>
  330  					
  ...
  585  				        			<div class="thumb-info">						
  586  				        				<h4><?php echo $item_title; ?></h4>
  587: 			        					<i class="ss-navigateright"></i>
  588  				        			</div>
  589  				        		</figcaption>

– Kyle