Related entires box text size « Support Forum | Kriesi.at

Support Forum » Eunoia

Related entires box text size

5 posts from 2 voices

Started 7 months ago by nachosn69
Latest reply from nachosn69
This topic is closed
This topic is resolved

Tags:

nachosn69
Member

Hi!
There´s any css selector to change the text properties only for the related entires boxes below Portfolio page?
Best,
Nacho.

Posted 7 months ago #
Nick
Moderator

Hi Nacho,

There sure is. But I forgot all my Spanish lessons and was unable to find the page you have in mind. If you could give an exact url to the page please and what text property you are looking to change?

Thanks,

Nick

Posted 7 months ago #
nachosn69
Member

Hi I want to change the size of related entires at the bottom here:

http://www.delimbo.com/test/expos-artistas/daniel-munoz-san/

But only in portfolio entires. I have find a selector but also changes the text size of the portfolio preview boxes on the homepage.

Best,

Nacho.

Posted 7 months ago #

Nick
Moderator

Hi,

To change the color of the title text of each of the related entries you would add this to custom.css or quick css after making the changes you want. You can add font-size, font-weight etc..)

.goog-text-highlight {
background-color: #C9D7F1;
-webkit-box-shadow: 2px 2px 4px #99A;
-moz-box-shadow: 2px 2px 4px #9999aa;
box-shadow: 2px 2px 4px #99A;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
position: relative;
}

The html code below represents one box in related items. since i dont know what you want to do, I suggest that you download firebug and play with the selectors.

<div class="one_fourth no_margin alpha relThumb relThumb1 post-format-portfolio flex_column">
<a href="http://www.delimbo.com/test/expos-artistas/maria-jose-gallardo-expo/" class="relThumWrap ">
<span class="related_image_wrap"><img src="http://www.delimbo.com/test/wp-content/uploads/DELIMBO-TENEO-TE-MARIA-JOSE-FOTOS-ESPACIO-1-100616181012-284x211.jpg" title="DELIMBO-TENEO-TE-MARIA-JOSE-FOTOS-ESPACIO-1-100616181012" alt=""></span>
</a><div class="portfolio-title title_container"><a href="http://www.delimbo.com/test/expos-artistas/maria-jose-gallardo-expo/" class="relThumWrap "></a><h1 class="main-title"><a href="http://www.delimbo.com/test/expos-artistas/maria-jose-gallardo-expo/" class="relThumWrap "></a><a href="http://www.delimbo.com/test/expos-artistas/maria-jose-gallardo-expo/" rel="bookmark" title="Enlace Permanente María José Gallardo">María José Gallardo</a></h1></div>
</div>

For making customization to your theme's CSS, we recommend that you install and get to know Firebug ( http://getfirebug.com/css ) and Google Chrome developer tools ( https://developers.google.com/chrome-developer-tools/docs/overview ) browser add-on. Firebug is a free web development tool that integrates into Firefox and Chrome browsers and assists in monitoring, debugging and editing of any website's CSS, HTML, DOM, and JavaScript files.

Once installed, this easy to follow video will show you the basics of Firebug – http://vimeo.com/20917974 and get you on your way to customizing your theme like a real pro.

This is the program that every developer uses to easily see and edit css on any site.

Thanks,

Nick

Posted 7 months ago #