Target specific DIV in page HTML

DiveUpDiveUp Registered Users Posts: 7 Beginner grinner
edited November 8, 2013 in SmugMug Customization
Hey everybody!!

I currently have two sidebars on my 'entire site', with one of them pinned (left). My goal is to pin both sidebars (L & R). I was inspecting the HTML of the page and can temporarily fix the issue.

Can I in either CSS or HTML customization boxes target a specific DIV in the page and add an additional class? Below are the divs containing the sidebars:
<div class="sm-page-layout-region sm-page-layout-region-left sm-page-layout-region-pinned" style="width: 200px; left: 0px; min-height: 779px;" data-layout-region="Left" id="yui_3_8_0_1_1383963445013_1065">. . . </div>

<div class="sm-page-layout-region sm-page-layout-region-right" style="width: 180px;" data-layout-region="Right">. . .</div>

The class highlighted with red text seems to pin the right sidebar when I add that class to 'right'. Is there a way to add a CSS/HTML box so I can target the 'right' div container and manually add the sm-page-layout-region-pinned class to it?

Thanks in advance,
DiveUp
Sign In or Register to comment.