pique theme – spacing for grid in main page

  • Unknown's avatar
    sherrykoh · Member ·

    sherrykoh.com

    – added a few more examples in the grid under WORK panel.
    – pls advise how to customise the spacing for the second and third row. Third row’s image doesn’t have any space before the second row at the moment.

    Pls assist.

    Thanks.

    The blog I need help with is: (visible only to logged in users)

  • dcoleonline · Staff ·

    Hi there,

    It looks like the inline styling in the child pages may be contributing to this. Also, I wasn’t able to replicate this when I placed titles on the child pages. Currently your child pages do not have titles, but instead they use text in the body of the pages to act as titles.

    Could you try removing the inline styling and then add page titles for each child page?

    Here is an example of the inline styling from one of your pages:

    <h3 style="margin:0 0 .0001pt;text-align:center;"><span style="color:#3366ff;"><strong>
BMW WHITE CARD</strong></span></h3>
<p style="margin:0 0 .0001pt;text-align:center;">DM for new BMW owners in Malaysia.</p>

    Once you’ve done that, we can help you add CSS to apply the same font color and text alignment to those titles.

  • Unknown's avatar
    sherrykoh · Member ·

    I do not want such large spacing between the title and the text. That’s why I omitted the title.

    Pls advise where to what codes to add to fix this.

  • Unknown's avatar
    sherrykoh · Member ·

    It looks really horrible now.

    Requirements:
    1. No large line space between the header and text e.g. Property365.my and the line below it.
    2. Provide code to standardise the line spacing between the rows.
    3. Header Text should be centralised and in bold.

  • dcoleonline · Staff ·

    Could you finish removing the inline styling (specifically the margins) from your pages and also add a title to the “Malaysia Airlines” and “Take a look at my work” pages?

    That way we have a “blank slate” to work with, so we’ll be able to start fresh and get everything looking the way you want it to.

    All of the spacing/bold/alignment can be adjusted using CSS via the My Site > Customize > CSS area of the site. Doing it this way allows us to target specific areas of the site and change them all at once instead of needing inline styling on every page in the grid.

    If you do not want the title to appear for the “Take a look at my work” page, it can be hidden using CSS also.

    Once you’ve removed the inline styling and added the titles, let me know and I’ll get you some CSS to paste into your site for these changes.

  • Unknown's avatar
    sherrykoh · Member ·

    Pls do the necessary asap.

    Yes, hide title for ‘Take a look at my work’.

  • dcoleonline · Staff ·

    I’m still seeing the inline styling on your pages.

    Here is an example of what is shown in the HTML tab of the editor for one of your pages:

    <p style="margin:0 0 .0001pt;text-align:center;">Content for website and clients' campaigns.</p>

    This will need to be changed so that the margin declaration is removed.

    Here is the specific bit that needs to be removed from the code above:

    margin:0 0 .0001pt;

    When you do that, you will have this left over:

    <p style="text-align:center;">Content for website and clients' campaigns.</p>

    You’ll need to remove the margin as shown above for all of the child pages of your grid page. Once you’ve done that, let me know and I can help with the CSS.

  • Unknown's avatar
    sherrykoh · Member ·

    done.

    perhaps it would be more efficient if you could provide me with each and every specific step at one go rather than one communication at a time.

    it has taken 3 days just to adjust the grid.

    please do the necessary.

    thank you for your assistance so far.

  • dcoleonline · Staff ·

    Hi again,

    1. No large line space between the header and text e.g. Property365.my and the line below it.
    2. Provide code to standardise the line spacing between the rows.
    3. Header Text should be centralised and in bold.

    You can paste this code into the My Site > Customize > CSS area of your site for those changes:

    .pique-grid-three h3 {
    font-weight: bold;
    text-align: center;
    padding-bottom: 0;
    margin-bottom: 0;
}
.pique-grid-three p {
    margin-top: 0;
}
.post-916 h3 {
    display: none;
}
.post-916 p {
    margin-top: 25px;
}
@media screen and (min-width: 768px) {
    .post-93, .post-181, .post-916 {
        margin-top: 60px;
    }
}

    Since you have the WordPress.com Premium upgrade, you can also reach support directly through live chat at http://wordpress.com/contact.

  • The topic ‘pique theme – spacing for grid in main page’ is closed to new replies.