Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #25144

    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

    #125918

    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

    #125919

    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

    #125920

    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

    #125921

    Perfect!

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

    Thanks

    Andy

    #125922

    Glad we could help :)

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

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.