Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • April 16, 2015 at 1:24 pm #429572
    dominiquehurley

    Hi – I’m just starting out and have had lots of questions about photos/galleries that I hope will have me creating future blogs without issues.

    This problem is not as serious as my gallery issues, but I’d like to know why the middle photo on this page
    http://dominiquehurley.com/life-by-design-creativity/
    which was formatted to Align Right and usually has 20 pixels around it on 2 sides (as per CCS that worked on other blog posts) is appearing left and without padding.

    Thanks.

    April 17, 2015 at 12:16 pm #430260
    Andy

    Hi dominiquehurley!

    use this code to put it on the right side: 

    div#attachment_10675 {
float: right;
padding: 0px;
}

    increase padding if you wish.

    Regards,
    Andy

    April 17, 2015 at 12:58 pm #430277
    dominiquehurley

    Thanks – that worked. I remember another one or two when I went through yesterday. I can replicate what you did, but can’t figure out where you got the attachment number.

    April 17, 2015 at 3:09 pm #430315
    Yigit

    Hey!

    You can right click on Chrome and click inspect elements on your image and can find the attachment ID – http://i.imgur.com/yj3FcqT.png

    Regards,
    Yigit

    April 17, 2015 at 3:16 pm #430321
    dominiquehurley

    I found Inspect Element in Firefox too (I don’t have Chrome). Will it always have “attachment”? In this case, I see wp-image-11172 would that be it?
    https://www.dropbox.com/s/w1pyn8ocu9hxy6z/Screen%20Shot%202015-04-17%20at%2010.42.25%20AM.png?dl=0

    April 17, 2015 at 3:21 pm #430325
    Yigit

    Hey!

    I thought you wanted to learn how to find attachment ID. If you would like to fix the alignment of your right aligned images, please use following code instead

    #top .wp-caption.alignright {
float: right;
padding: 0px;
}

    Cheers!
    Yigit

    April 17, 2015 at 3:24 pm #430327
    dominiquehurley

    You were right the first time – I do want to find the ID of the photo to make changes like the first code. I just don’t see the word “attachment” in the code that came up when I clicked Inspect Element. I thought maybe sometimes it was called image- I don’t know how to read code (although so much better than 2 weeks ago when you guys started helping me build my new website).

    So the question is then – where can I find “attachment” like in the screen shot
    https://www.dropbox.com/s/w1pyn8ocu9hxy6z/Screen%20Shot%202015-04-17%20at%2010.42.25%20AM.png?dl=0

    April 20, 2015 at 4:09 am #431043
    Ismael

    Hi!

    There is no attachment id because the markup or html structure of that image is different from the one here: http://dominiquehurley.com/life-by-design-creativity/

    <div class="copy-paste-block">
<div id="attachment_10677" style="width: 436px" class="wp-caption alignleft"><a href="https://dominiquehurleyart.files.wordpress.com/2015/01/sun-flair-dominique-hurley.jpg" class="lightbox-added wp-image-10677 size-full" style="position: relative; overflow: hidden; display: block;"><img class="" src="http://i1.wp.com/dominiquehurley.com/wp-content/uploads/2015/01/sun-flair-dominique-hurley.jpg?resize=426%2C640" alt="Dominique Hurley Art & Inspiration Quote Series" width="424" height="637"><span class="image-overlay overlay-type-image" style="left: -5px; top: 0px; overflow: hidden; display: block; height: 647px; width: 444px;"><span class="image-overlay-inside"></span></span></a><p class="wp-caption-text">“Sun Flair” from my “Sacred Earth Journey” photo album</p></div>

    There is “copy-paste-block” container and an additional div container with the attachment id. These containers are not created by the theme so I guess it’s from a third party plugin.

    Cheers!
    Ismael

    April 21, 2015 at 12:54 am #431685
    dominiquehurley

    Thanks – not sure what I’ll do about the pages like this one. I might just recreate them. They were created in WP.com and transferred here this way.

    Thanks. Resolved for now.

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘Rebel photo not behaving like others’ is closed to new replies.