Navigation
Archive / Hero image size plus a possible bug
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • June 20, 2016 at 1:04 pm #1051093
    tylervarian
    Participant

    Hi. I am having hero image size issues. I originally created the hero slider in Slider Revolution (SR) but the image was distorted and blown out on my large desktop monitor (27″) as well as an iPhone and Droid Smartphone. It looked fine on my 15″ laptop.

    Then I decided to recreate the image WITHOUT SR and simply add the images to Cornerstone. This looks fine on my laptop but is shrunken on my large desktop. (See screenshot)

    In addition, though I have set my padding and margins to 0, there is still a space between the images.

    See attachments below for screenshots. The site is: http://69.195.124.107/~tudiofi8/

    I’m feeling like X Theme is a little buggy because some items are showing BOLD on the website, even though they DO NOT have in the text display. I know this is two separate issues but I’m feeling frustrated.

    Please help!

    Thanks so much!

    June 20, 2016 at 1:05 pm #1051096
    tylervarian
    Participant

    other screenshot.

    June 20, 2016 at 1:08 pm #1051100
    tylervarian
    Participant

    ** from the last paragraph which I did not communicate properly.
    I’m feeling like X Theme is a little buggy because some items are showing BOLD on the website, even though they DO NOT have (strong) in the text display. I know this is two separate issues but I’m feeling frustrated.

    *** Missing screenshot while using Cornerstone

    June 20, 2016 at 1:52 pm #1051192
    Joao
    Moderator

    Hi There,

    SO far I could not notice anything out of normal. Could you try to provide more details about what is the issue you are facing with the images.

    Also regarding the strong font it is probably due a unclosed <strong>` you might have in some point of the code. Please review your code.

    If you cannot find the error regarding the bold text please provide us your WP-Admin credentials in a private reply so we can have a closer look.

    Hope that helps,

    Joao

    June 20, 2016 at 2:08 pm #1051218
    tylervarian
    Participant
    This reply has been marked as private.
    June 20, 2016 at 6:20 pm #1051533
    Friech
    Moderator

    Hi There,

    Add the inline CSS code below on your Image element’s STYLE field.

    width: 100%; margin-bottom: 0;

    The width: 100%; should make your image respond to the width of its container. The margin-bottom: 0; should get rid the space below the image.

    Hope it helps, Cheers!

    June 20, 2016 at 8:08 pm #1051721
    tylervarian
    Participant

    Thanks so much!

    June 20, 2016 at 11:46 pm #1051939
    Prasant Rai
    Moderator

    You are most welcome. 🙂

  • Author
    Posts
  • <script> jQuery(function($){ $("#no-reply-1051093 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>