Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1035962
    re.fresch
    Participant

    we have applied the global CSS to change the size of the image when a post is open. This is the same for both our pages:
    “Insights” and “People”.

    Here is the code we used on lines 247-250:

    .entry-thumb img{
    min-width: auto;
    width: auto;
    }

    It works in Chrome and Firefox but NOT in Safari. What are e doing wrong?!

    Tah

    #1036043
    Rahul
    Moderator

    Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

    #1037963
    re.fresch
    Participant
    This reply has been marked as private.
    #1038019
    Rue Nel
    Moderator

    Hello There,

    Thanks for providing the information. Regretfully, auto is not allowed as a value. You should have at least a number in px or em. Please have your custom css update and make use of this code instead:

    .entry-thumb img{
      min-width: 300px;
      width: auto;
    }

    We would loved to know if this has work for you. Thank you.

    #1038114
    re.fresch
    Participant
    This reply has been marked as private.
    #1038620
    Rad
    Moderator

    Hi there,

    Please add this CSS too, to hide the categories.

    .pracia .tg-cats-holder {
    display: none;
    }

    And this as well for limiting post text’s width.

    .single-post .entry-header, .single-post .entry-content {
        max-width: 88%;
        width: 88%;
        display: block;
        margin: 20px auto;
    }
    .single-post .entry-thumb img {
        width: 100%;
    }

    Hope this helps.

    #1039009
    re.fresch
    Participant
    This reply has been marked as private.
    #1039201
    Rad
    Moderator

    Hi there,

    Hmm, I’m bit confused. If the text should flush to the leftmost, then it should be full-width. Which you don’t wish to have a full-width layout. Would you mind providing a mockup design for reference.

    Thanks!

    #1039209
    re.fresch
    Participant
    This reply has been marked as private.
    #1040352
    re.fresch
    Participant
    This reply has been marked as private.
    #1041353
    Jack
    Keymaster
    This reply has been marked as private.
  • <script> jQuery(function($){ $("#no-reply-1035962 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>