• annalouis

    (@annalouis)


    Hello

    I am successfully using a 5 column divup content for some of my pages on my site, but I would also like to use it to create a 3 column layout for some other pages.

    If I enter a 3 column layout code in my css, how do I differentiate it for different pages? As it just picks up the 5 column style. (Please note I have only put the code [divup] inbetween my content.
    Kind regards

    https://www.ads-software.com/extend/plugins/divup-content/

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author Themeover

    (@bastywebb)

    Hey,

    The divwrap div that wraps all the divup divs should have an id which relates the the post or page. If my memory serves me correctly, is should be something like ‘divwrap-289’.

    In which case, you target the page where you want 3 columns with:

    #divwrap-289 .divup { width:30%; margin-right:5%; }
    #divwrap-289 .mul-3 { margin-right:0; }

    Cheers,

    Sebastian

    Thread Starter annalouis

    (@annalouis)

    Hi Sebastian

    Thanks for your response. Ok my page still reverts to the 5 column I have set up for other pages. This is the page:https://www.kidsmoderndesign.co.uk/eames-div/

    What I would really like is the first column a width of 400 px and then 2 x column widths of 179px-but I am not sure how to do this?

    This is what I have in my css sheet, could you please advise what do you think I am doing wrong? Many thanks

    [CSS moderated as per the Forum Rules. Please just post a link to your site.]

    Plugin Author Themeover

    (@bastywebb)

    Hi,

    I was remembering the markup wrong. You target the divups on your specific page using:

    #divup-post-2193 .divup { width:179px; }
    #divup-post-2193 .div-1 { width:400px; }

    Cheers,

    Sebastian

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘[Plugin: DivUp Content] Divup Content’ is closed to new replies.