Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • January 19, 2017 at 12:16 am #735622
    Graham

    On this page

    http://perfectpuglia.com/properties/trulli-negli-alberi-alberobello-2/

    I am trying to line up the tabs and the icon box below the masonry gallery. I have worked out the CSS to get it to work (I think)

    .avia-section-small .content{
    padding-top: 0px;
}

#top .iconbox_top{
    margin-top: 40px;
}

    If I paste it into the quick CSS it works. However obviously want to target this page rather than the whole site. If I use the page id that’s fine, but there will be many copies of this page on the site so I would rather use a custom css class. I have tried but it does not work, I added the selector .gjb_tabs to the css and it stopped working as expected, but then when I tried to apply gjb_tabs as a Custom CSS Class it did not start working again. I tried adding it to the elements, cells or the section, but none worked. Quite obviously I am making a mistake but I can not work out where.

    Thank you.

    Graham

    • This topic was modified 7 years, 10 months ago by Graham. Reason: Link changed as I stupidly edited the page names
    January 20, 2017 at 5:08 am #736172
    Rikard

    Hey Graham,

    There is no class called gjb_tabs on the page you linked to, did you remove it? If so please add it again so that we can have a closer look.

    Best regards,
    Rikard

    January 20, 2017 at 10:21 am #736322
    Graham

    OK, I have put it all back to how it was, sorry for changing it before I received your response.

    Many thanks for your help

    Graham

    January 21, 2017 at 6:58 am #736717
    Rikard

    Hi Graham,

    Thanks for that, I can see the class now. Though I’m not sure exactly what you are trying change? Could you try to explain a bit further or post a screenshot highlighting your intentions please?

    Best regards,
    Rikard

    January 21, 2017 at 7:00 am #736722
    Graham

    I would like to move the tabs section up to reduce the padding between that and the masonry element above.

    Thanks

    Graham

    January 21, 2017 at 7:15 am #736727
    Graham

    Looking at it again maybe I am better to reduce the padding under the masonary grid, looks lite it would work better. Do you want to put this ticket on hold while I try that instead?

    January 23, 2017 at 6:09 am #737094
    Rikard

    Hi,

    Thanks for the feedback. Yes we can do that, just reply to the thread if you should need any further help :-)

    Best regards,
    Rikard

    January 27, 2017 at 8:59 am #739278
    Graham

    Please can you close this ticket

    Hello this is now all sorted, thank you for your help, I removed the padding on the top and bottom of the masonry gallery with this

    .postid-1194 #after_layer_slider_1 .av-content-full {
    padding:0 !important;
    }

    January 28, 2017 at 9:16 pm #739778
    Nikko

    Hi,

    Glad that it’s all sorted out :)

    Best regards,
    Nikko

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘Applying CSS to section cell or element’ is closed to new replies.