Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • June 21, 2013 at 5:41 am #25144
    andypeck

    Hi there,

    I want to remove borders, spacing of a gallery but just for one part of my website. How do I write the CSS code?

    I know the page ID……. SEE BELOW

    .page-id-1739 #av_section_1.avia-builder-el-8 {

    I know the code to remove borders etc……… SEE BELOW

    #top div .avia-gallery img {

    float: left;

    border-style: solid;

    border-width: 0 !important;

    padding: 2px;

    width: 100%;

    border-radius: 0;

    }

    How do I put that together soo it only effects that page ID number section. I want the gallery to be normal everywhere else.

    Cheers

    Andy

    June 23, 2013 at 1:58 am #125918
    Devin

    Hi Andy,

    We’ll need to see the page in question to give correct css. There are typical steps but its best to know exactly the page in case there is anything out of the ordinary.

    Regards,

    Devin

    June 23, 2013 at 7:34 am #125919
    andypeck

    Hi Devin,

    Here’s the test page I set up… My aim (so I know how its done) is to turn either one of the gallery borders off but ideally not both on the same page and definitely not “all or nothing” across the entire site. Im hoping that once ive understood how to use Page ID settings then I can use it for other things across my site.

    http://www.andypeck.co.uk/1739-2/

    While you’re at it can you also tell me why the permalink for this page has a number reference even though ive changed my custom structure to /%pagename%/

    cheers

    Andy

    June 24, 2013 at 3:45 pm #125920
    Devin

    Try adding the following CSS to your Quick CSS (located under the Styling Tab in the theme options) or the custom.css file in the css folder of your theme files:

    #top.page-id-1739 .entry-content .avia-gallery-1 .avia-gallery-thumb img {
    
border: none;
    
}

    To break it down:

    #top.page-id-1739 – The top ID and class of .page-id-1739 to only have the css after effect *this* page.

    .entry-content – Only the entry content for this page

    .avia-gallery-1 – the specific gallery within the entry content in case you had multiple galleries within the entry-content

    .avia-gallery-thumb – Thumbnail section only

    img – The images inside the thumbnail section which has the border

    {border: none;} – border declaration with a property of none or you could use border-wdith: 0px .

    I have no idea about the permalink though.

    Regards,

    Devin

    June 25, 2013 at 2:32 pm #125921
    andypeck

    Perfect!

    You are a star – It works a treat and ill be able to use it elsewhere.

    Thanks

    Andy

    June 26, 2013 at 11:51 pm #125922
    Devin

    Glad we could help :)

    Let us know if you have any other questions or issues.

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Changing gallery border for a page ID number only’ is closed to new replies.