Advertisement
Help Keep Boards Alive. Support us by going ad free today. See here: https://subscriptions.boards.ie/.
If we do not hit our goal we will be forced to close the site.

Current status: https://keepboardsalive.com/

Annual subs are best for most impact. If you are still undecided on going Ad Free - you can also donate using the Paypal Donate option. All contribution helps. Thank you.
https://www.boards.ie/group/1878-subscribers-forum

Private Group for paid up members of Boards.ie. Join the club.

Problem with Pinboard child theme and Visual Composer

  • 16-02-2014 10:39PM
    #1
    dblistowel
    Registered Users, Registered Users 2 Posts: 19 ✭


    Hi,

    I am using a Pinboard child theme and trying to customize it with the help of Visual Composer. I want to have my slider on the page linked below flush with the right and left margins and the menu above it - I have used Firebug to try and rectify the problem and have added custom CSS which hasn't solved the problem. Any help with this is appreciated. :)

    PAGE LINK:
    http://dbtest.destinationballybunion.ie/?page_id=148

    CSS I HAVE ADDED:

    [HTML]
    wrapper { padding: 0px; } entry { max-width: 1140px; box-shadow: 0 0 0px rgba(0, 0, 0, 0); padding: 0px; } .single .entry, .page .entry, .error404 .entry { margin-bottom: 5.1% !important; padding: 0; } slider a { padding: 0px; max-width: 1140px; }[/HTML]
    Tagged:


Comments

  • #2
    D Hayes
    Registered Users, Registered Users 2 Posts: 511 ✭✭✭D Hayes


    Your container div has margin of 1.6%.

    #container {
    margin: 1.6%;
    }

    It would probably mean moving your slider out of this container. Although that would probably have a knock-on effect for the responsive design.


  • #3
    dblistowel
    Registered Users, Registered Users 2 Posts: 19 ✭dblistowel


    D Hayes wrote: »
    Your container div has margin of 1.6%.

    #container {
    margin: 1.6%;
    }

    It would probably mean moving your slider out of this container. Although that would probably have a knock-on effect for the responsive design.

    thanks for your reply. Could I not just keep the slider within the container and set the margin to 0% ? Wouldn't that correct the position while keeping things under control for responsive design ? Thanks.


  • #4
    D Hayes
    Registered Users, Registered Users 2 Posts: 511 ✭✭✭D Hayes


    Yes, you could do that, but the rest of the main body content is within the container div too. So all the way down the page, the left and right margin will be 0, which may detract from the aesthetics of the page.

    It looks like you've made some progress in the meantime anyway.


  • #5
    dblistowel
    Registered Users, Registered Users 2 Posts: 19 ✭dblistowel


    D Hayes wrote: »
    Yes, you could do that, but the rest of the main body content is within the container div too. So all the way down the page, the left and right margin will be 0, which may detract from the aesthetics of the page.

    It looks like you've made some progress in the meantime anyway.

    Yeah I know what you're saying - I'm new enough to this, I'm just going to have to add margins to the elements below it which is a bit messy. It's my first proper website so it will be the first of many problems I expect !

    As I said, using CSS is fresh enough with me but when using Firebug I couldn't find the margin property you did - is it in the CSS or HTML ?


  • #6
    D Hayes
    Registered Users, Registered Users 2 Posts: 511 ✭✭✭D Hayes


    Happy to help! That #container margin is in the style.css file, line 1200.


  • Advertisement
  • #7
    dblistowel
    Registered Users, Registered Users 2 Posts: 19 ✭dblistowel


    ok, i see it now. thanks again


Advertisement