Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • August 17, 2014 at 8:27 pm #305485
    gcol90

    Hi there, hoping for some help.

    I’m wondering if it’s possible – using custom CSS or whatever – to reduce the padding in between elements, horizontally? Basically I want my portfolio to look more like this, with the text and images closer together:

    Portfolio example

    I’ve tried bits of CSS I’ve found on the site but they always mess up the widgets in the footer.

    Secondly, when viewing my site on a mobile/cell phone, the images on the portfolio – both the portfolio grid and the actual portfolio pieces appear to be quite small. Not terribly so, but I was wondering if they could be a made a bit larger so they’re more like this:

    (this is the grid)

    Portfolio grid

    (portfolio entry)

    Portfolio entry

    Finally, the social icons in the header, I’m having some problems with. Twitter works fine, however, Pinterest insists on adding my contact page URL before my Pinterest handle, and therefore does not link to my Pinterest account. I also can’t set the social icon for mail to link to an email? That also wants to direct to my contact page. Any ideas?

    Many thanks.

    • This topic was modified 10 years, 3 months ago by gcol90.
    August 19, 2014 at 9:12 am #306147
    Josue

    Hey!

    1-2. Try adding this code to the Quick CSS:

    .single-portfolio .content .av_one_third {
    margin-left: 2%;
    width: 33.33%;
}
@media only screen and (max-width: 767px) {
  .responsive .container {
    width: 90%;
    margin: 0 auto;
  }
}

    3. Can you please create me an administrator account? post it here as a private reply.

    Cheers! 
    Josue

    • This reply was modified 10 years, 3 months ago by Josue.
    August 19, 2014 at 5:20 pm #306434
    gcol90
    This reply has been marked as private.
    August 19, 2014 at 7:09 pm #306474
    Josue

    Hey Gareth!

    Try with this instead:

    .single-portfolio .content .av_one_third {
    margin-left: 2%;
    width: 33.33%;
}

    Cheers!
    Josue

    August 19, 2014 at 7:11 pm #306476
    Josue

    Regarding the social links problem, you need to put the full URL here:

    August 19, 2014 at 9:08 pm #306522
    gcol90

    Ah cool, thanks! That code works perfectly. Not sure why since it looks the same as the previous one? Either way, thanks!

    Yeah I thought I was doing that anyway? Unless I missed off the http://? Not sure. Either way, that’s working too, so thanks.

    Is there a way to get the mail icon to link to my email at all? So when I click the email icon in the header, it links directly to my email? I tried mailto but that doesn’t seem to work?

    If not no worries!

    Many thanks!

    • This reply was modified 10 years, 3 months ago by gcol90.
    August 19, 2014 at 10:16 pm #306547
    Josue

    Hi!

    Mailto should work:

    mailto: (Email address hidden if logged out)

    But, what it does will depend on the user configuration / OS.

    Cheers!
    Josue

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • You must be logged in to reply to this topic.