Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • September 28, 2014 at 4:45 pm #326166
    C_Developer

    Hello!

    It’s possible to display Portfolio items based on their tags thanks to the ‘Tag Cloud’ Widget. Is it possible to make the font size of the words “PORTFOLIO ITEMS” smaller (e.g. 24px) and to define a smaller thumbnail size for displayed items (e.g. 150x150px) ?

    Here is an example of a search via the Tag Cloud Widget: [see link below]
    And if helpful, you’ll find the Tag Cloud widget in the 3rd column of my footer on every page of my website.

    Best thanks!

    CB

    September 29, 2014 at 8:01 am #326356
    Ismael

    Hi CB!

    Thank you for using Enfold.

    You can use this on Quick CSS or custom.css to change the portfolio title:

    #top .fullsize .template-blog .tag-page-post-type-title {
font-size: 20px;
text-transform: uppercase;
}

    Adjust the grid or column size with this:

    .tag .no_margin.av_one_third {
width: 20%;
}

    Best regards,
    Ismael

    September 30, 2014 at 2:16 pm #327224
    C_Developer

    Hello!

    Thank you for the code for the portfolio title: it works great.

    But I’m having trouble with the second code part. The column size does not adjust: it’s always the same size, even if I specify 10%, 20%, 60% or 100%. I also tried to specify 150px or 300px, but it does not adjust. Have you any idea what would do the trick?

    Best regards

    CB

    September 30, 2014 at 5:20 pm #327444
    Yigit

    Hey!

    Please try adding following code to Quick CSS

    .tag-91 .no_margin.av_one_third {
width: 20%!important;
}

    Regards,
    Yigit

    September 30, 2014 at 6:32 pm #327498
    C_Developer

    Hello!

    I don’t see any difference – the thumbnails are still the same size. Is it maybe possible to adjust their size in px instead of in %?

    Thank you!

    Best regards,

    CB

    October 2, 2014 at 8:19 am #328718
    Ismael

    Hi!

    The code is working. Please remove browser cache then reload the page a few times. Yes, it is possible to use pixels but you’ll need to use multiple media queries to get them right on different screen sizes.

    Cheers!
    Ismael

    October 3, 2014 at 2:13 pm #329680
    C_Developer

    Hello!

    … Maybe, but it wasn’t resizing the images in the way I was hoping. But in the meantime I’ve found this code on another Enfold forum and it works well for me, so I’ll stick with it :)

    #top .no_margin.av_one_third {
    width: 15%;
    margin-left: 0.5%;
    margin-right:0.5%;
    margin-bottom:2%;
    }

    Thank you!
    CB

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Customize Font & Thumbnail size of Tag Cloud Portfolio Search’ is closed to new replies.