Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #269061

    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 : http://www.kriesi.at/support/topic/recent-portfolio-widget-thumbnails-size/

    Cheers!

    #269062
    This reply has been marked as private.
    #269413

    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

    #270591

    Hi Ismael,

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

    //M

    #270610

    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

    #270617

    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!

    #270887

    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

    #271064

    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!

    #271387

    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

    #276448

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

    Cheers!

    #276479

    You are welcome, always glad to help :)

    Regards,
    Josue

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

The topic ‘Recent Portfolio Widget – Responsive’ is closed to new replies.