Viewing 16 posts - 1 through 16 (of 16 total)
  • Author
    Posts
  • February 12, 2018 at 5:38 pm #911218
    davidlorie

    Hello,

    I would like to create page under Tab Section and further customize this with the Color Section, in order to create different colour sections under each tab. At the moment, i can just edit the layout element, but this gives me a white area around the section when i use the 50% or less columns

    I would like to create tabs like this page: https://www.knab.nl/beleggen

    Help would be greatly appreciated!
    Thanks in advance

    David

    • This topic was modified 7 years, 3 months ago by davidlorie.
    February 12, 2018 at 5:45 pm #911225
    Jordan Shannon

    Hey davidlorie,

    Can you please provide a link to the page in question so I can see what you have thus far as in comparison to what you are trying to achieve.

    Best regards,
    Jordan Shannon

    February 12, 2018 at 5:50 pm #911227
    davidlorie

    Hi Jordan,

    The site is not published yet, so unfortunatly this wont be possible. I want to create multiple full width colour sections within the Tab section. If there is anything else i can do to make it more clear, please let me know.

    February 12, 2018 at 5:54 pm #911233
    Jordan Shannon

    Hi,

    Without seeing it, I could suggest that perhaps you try adding Code Block Elements within the tab section, and then using html and css to style as you would need. It is a manual approach, but may yield a better result.

    Best regards,
    Jordan Shannon

    February 12, 2018 at 6:07 pm #911241
    davidlorie

    Thank you for the suggestion. However im not a developer. Do you have any html/css tips how to make 2 colums a certain colour in full width?

    Thanks!

    February 12, 2018 at 6:11 pm #911247
    Jordan Shannon

    Hi,

    Generally if those two sections have unique ids (https://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/) you do the following via css:

    #UniqueID1, #UniqueID2{
width:100%;
}

    This should span the columns.

    Best regards,
    Jordan Shannon

    February 12, 2018 at 6:24 pm #911253
    davidlorie

    Great thanks, and how do i add to the section colour to this?

    February 12, 2018 at 6:36 pm #911259
    Jordan Shannon

    Hi,

    If you mean a background the following should suffice:

    #UniqueID1{
background:#xxxxxx;
}

#UniqueID2{
background:#xxxxxx;
}

    Best regards,
    Jordan Shannon

    February 13, 2018 at 10:33 am #911589
    davidlorie

    It doesnt really seem to work. Ive added the site link, plus password below, hopes this clarifies things.

    The thing i want to get done is as follow: the ‘makkelijk en veilig’ and ‘hoe maak ik een cleverbase id aan’ sections, that are light blue boxed at the moment. I would like to make that section blue over the entire width, such as the section right below that (which is empty now)

    Thanks for the help!

    February 14, 2018 at 1:50 am #912020
    Ismael

    Hi,

    Thank you for the update. I checked the page but I can’t find the tab sections. Please provide the login details in the private field and we’ll create an example.

    Best regards,
    Ismael

    February 14, 2018 at 5:53 pm #912395
    davidlorie

    Im sorry, somebody changed it. I changed it back again to the problem status. It concerns this page:

    http://188.166.116.99/home-v10-magazine/producteid/

    Please let me know if you need any other info

    February 16, 2018 at 3:32 am #913061
    Ismael

    Hi,

    Thank you for the update. You can apply a Custom Background Color for each tabs. Go to the tab, click the “Edit Tab” icon then look for the Color panels. We modified the first and second tab. ( see private field )

    Best regards,
    Ismael

    February 16, 2018 at 10:05 am #913188
    davidlorie

    Hi Ismael,

    Thanks for the update, but this doesnt solve my question. Please read my question carefully, i would like to create different color section inside the tab. So for example the first 200px blue and the 200px following in green. So not one colour for the entire section.

    Would be great if you can help me with this

    February 17, 2018 at 6:13 am #913495
    Victoria

    Hi davidlorie,

    I don’t see any color sections in your tabs, have you tried dragging them inside? And you can use 1/1 elements instead also. This will have to be several color sections to be able to set different backgrounds.

    If you need further assistance please let us know.
    Best regards,
    Victoria

    February 19, 2018 at 10:15 am #914177
    davidlorie

    Hi Victoria,

    Please check the webpage again, i made the sections blue. So i would this colour blue 100% width for these 2 sections
    Thanks for the help!

    February 19, 2018 at 3:57 pm #914329
    Victoria

    Hi davidlorie,

    Ok, thank you. So you mean can add padding and have those blue. Or?

    Could you please attach a mockup of what you’re trying to achieve?

    Best regards,
    Victoria

  • Author
    Posts
Viewing 16 posts - 1 through 16 (of 16 total)
  • You must be logged in to reply to this topic.