Content layout issues in 2014 theme

  • kemitemultimedia

    (@kemitemultimedia)


    11 years, 2 months ago

    I am very new to wordpress and kind of a novice with css. I am trying to lay out a “daily specials” page for a restaurant and items are too far apart vertically. I have tried what I know from dreamweaver to solve the problem (padding & margins) but I feel like I am going in the wrong direction. I used a table to line things up properly and it helped but there are still major issues.

    I thought about using div tags but I am only doing this on one page and I’m not sure where to insert them and don’t want to damage my site.

    Can you help me with this? Here is the link to what I am working on.
    http://www.margaritascafe.com/specials_blog/daily-specials/

Viewing 3 replies - 1 through 3 (of 3 total)
  • Bojan Radonic – WPMU DEV Support

    (@wpmudev-support4)

    11 years, 2 months ago

    Hey there kemitemultimedia,

    Hope you’re well today!

    If you want to change this on this specific page you can do that by removing the bottom margin on the paragraphs to reduce the space between each item. To do that please try adding the following CSS code in the style.css file of your child theme or add it in your site using the following plugin:

    http://wordpress.org/plugins/simple-custom-css 

    .page-id-565 p {
margin-bottom: 0px;
}

    This should slightly reduce the space between each element.

    Please let me know if this helps 🙂

    Best regards,
    Bojan

    Thread Starter kemitemultimedia

    (@kemitemultimedia)

    11 years, 1 month ago

    Yes, that did help a little bit but I feel like I should be able to tighten it up even more. Any thoughts?

    I have a second question: I am extremely new to wordpress and have been doing everything without a child theme. My hesitancy (and fear of screwing up) is my lack of experience. Since I already have an established wordpress theme, can you tell me the steps necessary to create a child theme from what I have done already?

    I have been building this site behind a normal dreamweaver built site. Once I am done building, I will be moving this site to become the main site.

    Bojan Radonic – WPMU DEV Support

    (@wpmudev-support4)

    11 years, 1 month ago

    Hey again kemitemultimedia,

    Please try adding the following CSS code as well:

    .page-id-565 tr {
display: block;
margin-bottom: -10px;
}

    As for the child theme it is not really hard to create a child theme and it might come in very handy when making modifications to the theme so you don’t have to be afraid of losing changes when you update the parent theme. Please check the following blog post regarding making a child theme:

    http://premium.wpmudev.org/blog/how-to-create-wordpress-child-theme/

    Hope this helps 🙂

    Cheers,
    Bojan

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Content layout issues in 2014 theme’ is closed to new replies.