Tagged: ,

Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • May 23, 2014 at 11:23 am #269061
    apower84

    Hi Support!

    Got help a little while ago to change the recent portfolio widget and it works great in desktop.
    But in resposive mode the title / names is not center under the picture, can i get some help to resolve this :-)

    Ref : https://kriesi.at/support/topic/recent-portfolio-widget-thumbnails-size/

    Cheers!

    May 23, 2014 at 11:24 am #269062
    apower84
    This reply has been marked as private.
    May 24, 2014 at 4:13 am #269413
    Ismael

    Hi!

    Thank you for using the theme!

    Please add this on Quick CSS or custom.css to align the image title:

    @media only screen and (max-width: 989px) {
strong.news-headline {
text-align: center;
margin: 0;
}
}

    Best regards,
    Ismael

    May 27, 2014 at 4:37 pm #270591
    apower84

    Hi Ismael,

    Sorry to say but dident get your solution to work :-(

    //M

    May 27, 2014 at 5:00 pm #270610
    Dude

    Hi!

    Please try this code:

    
@media only screen and (max-width: 989px) {
strong.news-headline {
text-align: center;
clear:both;
display: block;
width: 70%;
}
}

    If the code still doesn’t work try to change the width value (i.e. to 30% or 100%) and check if this makes any difference.

    Regards,
    Peter

    May 27, 2014 at 5:09 pm #270617
    apower84

    Played around with the values but I think i need something for all the diffrent responsive breakpoints tryied a responsive tester and the results varied alot.
    Also do u know how i can make the images as big as they can be in the sidebar?

    Cheers!

    May 27, 2014 at 11:25 pm #270887
    Josue

    Hi!

    There seems to be another code conflicting, try adding this too:

    #top .sidebar .image_size_widget .news-thumb,
#top .sidebar .image_size_widget .news-thumb img {
width: 100% !important;
height: auto !important;
}

    Cheers!
    Josue

    May 28, 2014 at 11:47 am #271064
    apower84

    Okej,
    I have removed all the css so its back from the start again.

    How can i get the Portfolio Widget image to be as big as the can be in the sidebar and the title centred under the image.
    And so it works in responsive mode also.

    Please send me new css code, thnx for all the help so far :-)

    MY OLD CSS

    /* Portfolio widget */
#top .image_size_widget .news-thumb {
height: 130px;
width: 130px;
margin-right: 30%; 
}
/* Portfolio widget */
#top  .image_size_widget .news-thumb img {
width: 122px;
height: 122px;
}
/* Portfolio widget */
.news-headline {
overflow: visible;
margin-left: 17%;
font-size: 14px;
}
/* Portfolio widget */
span.news-time {
display: none!important;
}

    Cheers!

    May 28, 2014 at 7:41 pm #271387
    Josue

    Hi!

    If you apply the code i provided, you’ll get this:

    #top .sidebar .image_size_widget .news-thumb,
#top .sidebar .image_size_widget .news-thumb img {
width: 100% !important;
height: auto !important;
}

    Regards,
    Josue

    June 9, 2014 at 4:09 pm #276448
    apower84

    Thx for the help got the ide to use shortcode insted and it work mutch better :-) thnx for all the help!

    Cheers!

    June 9, 2014 at 5:38 pm #276479
    Josue

    You are welcome, always glad to help :)

    Regards,
    Josue

  • Author
    Posts
Viewing 11 posts - 1 through 11 (of 11 total)
  • The topic ‘Recent Portfolio Widget – Responsive’ is closed to new replies.