Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
  • #17129


    There´s any css selector to change the text properties only for the related entires boxes below Portfolio page?




    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?




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

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





    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="" class="relThumWrap ">
    <span class="related_image_wrap"><img src=" (Purchase code hidden if logged out) - (Purchase code hidden if logged out) .jpg" title=" (Purchase code hidden if logged out) -FOTOS-ESPACIO-1-100616181012" alt=""></span>
    </a><div class="portfolio-title title_container"><a href="" class="relThumWrap "></a><h1 class="main-title"><a href="" class="relThumWrap "></a><a href="" rel="bookmark" title="Enlace Permanente María José Gallardo">María José Gallardo</a></h1></div>

    For making customization to your theme’s CSS, we recommend that you install and get to know Firebug ( ) and Google Chrome developer tools ( ) 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 – 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.




    Solved. I have edited directly de <h1> Tag in includes/related-posts.php

Viewing 5 posts - 1 through 5 (of 5 total)

The topic ‘Related entires box text size’ is closed to new replies.