WordPress.org

Ready to get started?Download WordPress

Forums

Need help trying to get this jpeg. to fit correctly (18 posts)

  1. Diamonds
    Member
    Posted 1 year ago #

    Hello, this is my first time posting here.
    Im hoping i can get a little help in getting the code correct to fit a jpeg. correctly in the margin/border.

    The Problem im having, is where the jpeg. is going, there is an invisible margin/border, thats not allowing it to stretch to the full size.
    The margin/border is all across the top horizontally, and all across the right side vertically.

    I can post a url of where the image is (its a website, im not sure if im allowed to post it, so im sorry if ive done something wrong. Please feel free to change my post around if ive broken any rules)
    http://www.hatzijewellers.com.au
    The image is on the home page, its called the "Online Store now open".
    Ive managed to centre it so the margin/border looks equal everywhere. Changing the size of the image doesnt help. Ive tried that.
    The code ive put is:

    <span><img class="alignnone size-full wp-image-2372" title="Hatzi jewellery" src="http://hatzijewellers.com.au/wp-content/uploads/2012/10/Hatzi-online-Store.jpg" alt="" width="470" height="120"</span>

    What can i do to get it to fit in correctly?
    Thank you so much, and i appologise if my post on here is all over the place.
    Thank you.

  2. andyimages
    Member
    Posted 1 year ago #

    Try CSSedit......its the best way to work out these issues IMO.

  3. Diamonds
    Member
    Posted 1 year ago #

    Hi andyimages,
    Thank you for the response. Much appreciated.

    Is CSSedit only a MAC program?

    I thought the problem could be worked out by simple coding. or is my problem alot more complex than that?

    Thanks again.
    Kind reagrds,
    Diamonds.

  4. andyimages
    Member
    Posted 1 year ago #

    You could use HTML of course, but with CSSEdit you can see the results immediately....and also what is happening with the inline styles or the CSS. Not sure about CSSEdit on PC but its Macrabbit I believe. I swear by it.

  5. Diamonds
    Member
    Posted 1 year ago #

    Hi andyimages,
    Thanks again for your help.

    Unfortunately, i only have PC.
    So im hoping i could fix problem with html code.
    Anyone have ideas/options on how to change the HTML code to fix this problem?

    Thanks again.

  6. fonglh
    Member
    Posted 1 year ago #

    You can use your chrome's built in web developer tools or the firebug to see what CSS styles are being applied.

    Then edit your theme's stylesheet with any text editor. You can still see the results immediately by simply refreshing the webpage.

  7. Diamonds
    Member
    Posted 1 year ago #

    Hi Fonglh,
    Thank you for your help.
    I can change the size of the image and see it easily, thats not the issue.
    The problem im having is that there is an invisible white margin/border on the top of the slot horizontally, and on the right side of the slot, vertically, that i cant get the image to stretch to this parts.
    So i have just gotten it close centre for now, until i can work out how to stretch the image past those 2 margins.

    Thanks.
    Still looking for input.

  8. Diamonds
    Member
    Posted 1 year ago #

    Still havent had much help with html code.
    Any have any suggestions?

    Thanks.
    Kind regards.

  9. kevinhaig
    Member
    Posted 1 year ago #

    You did not close your image tag with />

  10. Diamonds
    Member
    Posted 1 year ago #

    Hi Kevinhaig,
    Thank you so much for the reply.

    I am only new to wordpress, so im sorry if this sounds terrible, but where do i put the closing /> in my code.

    I will try it out once i know where to put it.

    Thank you so much for the response

  11. kevinhaig
    Member
    Posted 1 year ago #

    `
    <span><img class="alignnone size-full wp-image-2372" title="Hatzi jewellery" src="http://hatzijewellers.com.au/wp-content/uploads/2012/10/Hatzi-online-Store.jpg" alt="" width="470" height="120" /></span>
    '

  12. Diamonds
    Member
    Posted 1 year ago #

    Thank you kevin,
    I will try it right now

  13. Diamonds
    Member
    Posted 1 year ago #

    Hi Kevin, it didnt work :(
    But have a look at it now. Can u see the margins/borders it wont stretch out to?
    I'll change the size soon to put it back in middle and look a little more normal. But still wondering how to overide the margins.

  14. kevinhaig
    Member
    Posted 1 year ago #

    I dug into it and there is a lot of stuff going on there.

    I was able to change things in firebug, but to translate it to a permanent solution is going to take a lot of effort.....suggest you talk to a web designer. The main area that needs to be changed is in a .top-box class code.

    I'm just not willing to start walking you through it because I've never seen so many scripts and iframes on such a page, and I may cause more problems than help....sorry.

  15. Diamonds
    Member
    Posted 1 year ago #

    Hi Kevin. thank u for trying.
    I didn't know the coding would be this hard.
    Much appreciated.

  16. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    Diamonds -- you should go to the theme vendor for assistance. It looks like you are using a commercial theme that may not be released under GPL -- and is thus not supported on these forums.

    Alternatively, you could switch to a theme from this page -- all of which are tested for quality and meet WP standards:

    http://wordpress.org/extend/themes/

  17. alchymyth
    The Sweeper & Moderator
    Posted 1 year ago #

    this is definitivey the wrong forum here for general formatting help - try http://csscreator.com/forum

  18. Diamonds
    Member
    Posted 1 year ago #

    Thanks for the input guys.
    Very much appreciated.
    I actually thought it was just html code issue with word press, but i will look into the other forum for more help.

    Kind regards,
    Diamonds

Topic Closed

This topic has been closed to new replies.

About this Topic