Close

Account

Documentation

Forum

Menu

Change CSS of an individual page section

  • Post count: 18
    bradlymathews
    June 25, 2014 at 6:08 pm #672

    Hello,

    I would like to make the map full page width at the bottom of my landing page template.

    I can mock this up in Firebug by adding an ID (section_map in this case) to the div with the section sectioncontainer class above the map div and adding the following css: #section_map {margin: 0;width: 100%;}

    I know how to add the CSS, but how do I assign the ID to the sectioncontainer class div?

    Or is there another way to accomplish my goal?

    Thanks!
    Brad

    Post count: 18
    bradlymathews
    June 25, 2014 at 8:48 pm #677

    Well, I found the short code for a page wide Google Map. So my issue is solved, but I am still curious about hwo to add CS to a specific section. Googleing it did not reveal an answer.

    Thanks!
    Brad

    Post count: 1840
    Rai
    June 26, 2014 at 6:50 am #710

    Hi Brad,

    Sorry for delayed reply and looks like you’ve found your solution.
    If you wish to add custom style for section, you can use data-id selector which is refer to “Section ID” on section builder. Let say you set Section ID : services so CSS selector for this section will look like this:

    Thank you

You must be logged in to reply to this topic.