Help please – Assistance with margins and text sizing please

  • Resolved Kiwifroggie

    (@kiwifroggie)


    10 years, 4 months ago

    Hello there!

    Apologies in advance if this is covered elsewhere but we weren’t able to find anything and thanks in advance for any assistance!

    My partner and me decided to use the theme Fifteen for our personal website and also, importantly, as an online contact point for our upcoming wedding. We are both very new to wordpress and have been experimenting a fair bit and troubleshooting off the Support forums (thanks very much!). However, we’re stuck with two things (for now) and could do with some help please.

    Webpage: https://www.kiwifroggie.com

    1. Taking the example of the home page, for the main content (i.e. grey background area with wording), we are trying to reduce the margins at the top so that we can move the “Well hello there” text upwards to utilise more of the grey area. Is quite a large gap currently between when text starts and the banner. How would I do that?

    2. Again, example of home page, how do I change the alignment, font size of the semi transparent black banner/box above the grey content. Is it a custom css code?

    Thanks again!

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

  • Hello!

    All the changes you want can be done using a custom CSS plugin using custom CSS code.

    Thread Starter Kiwifroggie

    (@kiwifroggie)

    Awesome. Thanks very much! Do you know what code I could possibly use?

    For your first question, there’s padding/margins being added to the top of a lot of elements. I’m not sure how much spacing you want to reduce, but try this:

    .page #primary {padding-top: 5px;}
.entry-content {margin: .5em 0 0 0;}
article .entry-content h2 {margin-top: 10px;}

    If you want less spacing, modify those numbers.

    As for your second question, try this code:

    .page .single-entry-title {text-align: center; font-size: 30px;}

    Change center to right or left for right or left alignment and change the 30px to whatever size you would like.

    Thread Starter Kiwifroggie

    (@kiwifroggie)

    Hey again,

    Nope tried a couple of variations of both of those pieces of code on my CSS plugin and didn’t work ?? Any other suggestions?

    Try this:

    .page #page .container #primary {padding-top: 5px;}
.page #page .container #primary .entry-content {margin: .5em 0 0 0;}
.page #page .container #primary article .entry-content h2 {margin-top: 10px;}
.page #page .single-entry-title {text-align: center; font-size: 30px;}

    Sometimes selectors need to be a bit more specific – It worked fine for me when I did it in chrome but your plugin may add the code before the theme CSS is there.

    If I may suggest, if you do not already have it, you should grab the Firebug plugin for Firefox. As someone who was a total newbie to editing WP a year ago, it has taught me so much. I now take a theme and edit it so much you can barely recognise it when I am done.

    BTW, I’m loving this Fifteen theme!

    Thread Starter Kiwifroggie

    (@kiwifroggie)

    Thanks a million!! That worked wunderbar!! Much obliged for your help and time with this!

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Help please – Assistance with margins and text sizing please’ is closed to new replies.