WordPress.org

Ready to get started?Download WordPress

Forums

need to insert space in between images (11 posts)

  1. havingfun
    Member
    Posted 1 year ago #

    All my ads are directly below each photo image within my Archives. I think I need to place a div code to seperate the two instead of having them directly touching eachother. However, where exactly do I place the code? What php or css file do I do this at?

    Same thing on the sidebar after selecting a post. The ad is touching the calendar. What php or css file do I do this at?

  2. jonradio
    Member
    Posted 1 year ago #

    You will have to provide links to examples of what you have explained. It would also be helpful if you mention what Theme you are using and any plugins you might be using for the ad and photo image display.

  3. havingfun
    Member
    Posted 1 year ago #

  4. havingfun
    Member
    Posted 1 year ago #

  5. jonradio
    Member
    Posted 1 year ago #

    Things are nicely spaced out on your Home Page for me using the latest version of FireFox. Did you fix the problem? Or do you see something different on your browser?

  6. havingfun
    Member
    Posted 1 year ago #

    jonradio...the home page is actually fine. However, for example, if you go to Arts & Crafts>That Was Fun, you can see the calendar and advert are stuck to eachother rather than seperated on the sidebar. It is like this on all pages except for the home page. Would you be able to tell me what css or php file and where in the file I can possibly insert code to seperate the two? Thanks in advance!

    youandthekids.com

  7. jonradio
    Member
    Posted 1 year ago #

    While I obviously cannot see how you've laid out your pages inside WordPress, I can offer some suggestions based on similar situations I've been in.

    You'll need to use White Space tricks like these:

    • <hr />
    • <br /> surrounded by non-breaking space which is an ampersand ("&") followed by nbsp;

    In the right sidebar, immediately above the widget for the ad, add a
    Text Widget using one of those tricks.

    Likewise your archive page, whether it is in a Page or a Template.

    If this ends up meaning changes to Templates, be sure to create a Child Theme so that Theme updates don't wipe out your changes, and use the following to help you identify the appropriate template file:
    http://codex.wordpress.org/Template_Hierarchy

    Child Themes are explained here:
    http://codex.wordpress.org/Child_Themes
    I also found this plugin helpful:
    http://wordpress.org/extend/plugins/one-click-child-theme/

  8. Mohamad Hanafi
    Member
    Posted 1 year ago #

    Hi, havingfun.

    You mean like this?

    Thanks,

    hanafi.
    KL

  9. havingfun
    Member
    Posted 1 year ago #

    Hanafi...
    Which css or php template do I place your suggested code?

  10. Mohamad Hanafi
    Member
    Posted 1 year ago #

    Hi, Havingfun...

    div#calendar_wrap{
    padding-bottom:22px;
    }

    add this style in your style.css
    this file can be found in wp-content/themes/<theme-name> or wp-content/themes/<theme-name>-child

    Thanks,

    Hanafi.

  11. havingfun
    Member
    Posted 1 year ago #

    Hanafi,

    That's perfect! Thank you so much for the assistance. Could I ask you more more thing? If you can visit
    youandthekids.com and go to Arts & Crafts>That Was Fun, you can see the photo images and the adverts also require padding to seperate them within the archive. Could there be a similar code to this and would I place it within the style.css file again?

    Thanks in advance!

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.