Event Customization... So Close!!!

rsirota

I have been tinkering with customizing the Event's page and I have it 85% there... Basically I do not want the system crap at the top of the page (event, date etc.) So in using firebug and doing some CSS editing I have it looking the way I want.



I have hidden all of the elements using:

.sm-breadcrumb {
    display: none;
}
.sm-event-info {
    display: none;
}

However, in looking and editing in FireBug I can and did put the logo into its place but it is in the element.style of that object:

element.style {
    background-image: url("http://rsirota.smugmug.com/Master-Site-Files/SiteWide/i-8LnfQp4/0/S/Logo-Centered%40230-S.png");
    background-repeat: no-repeat;
    width: 100%;
}

So my question to you all is how do I tag an element.style in the themes CSS?

Thanks
Rob

rsirota

This is what the edited HTML looks like

<div data-layout-column="0" style="background-image: url(&quot;http://rsirota.smugmug.com/Master-Site-Files/SiteWide/i-8LnfQp4/0/S/Logo-Centered%40230-S.png&quot;); background-repeat: no-repeat; width: 100%;" class="sm-page-layout-column yui3-u" id="yui_3_8_0_1_1390092478547_486"><div class="eventmarketingHeader" id="yui_3_8_0_1_1390092478547_490">
    <div class="sm-event-links">
        
                    <p class="event-favorites-link"><span class="sm-fonticon sm-fonticon-Heart"></span><a class="nav" href="http://www.robsirotaphotography.com/Event-Favorites/2014-01/Headshots-for-Rob-Sirota/Robs-Favorites/n-HDSr6" id="favoritesLink">View My Favorites</a></p>
                    <p class="sm-event-share-link"><span class="sm-fonticon sm-fonticon-Action"></span><a id="shareEventLink">Share Event</a></p>
                    <p class="sm-email-link"><span class="sm-fonticon sm-fonticon-Mail"></span><span onmouseover="try{if(SM.buttons.contactUsButtonEvent) return; SM.buttons.contactUsButtonEvent = new SM.buttons.contactUs('contactUsButtonWrapperEvent','contactUsButtonEvent',{buttonText: 'Contact My Pro', panelTitle: 'Contact the event owner', currentPage: '/event/RS/rob/tjx7pdUooruHo', currentPageOverride: '', referringPage: '', pro: '', modal: 'true', popupName: 'contactOwner', uniqueID: 'Event', ownerNickName: '', uniqueID: 'Event', width: '800px', albumID: '', additionalParams: 'EventContact'});}catch(e){}" id="contactUsButtonWrapperEvent"><a style="" class="nav" id="contactUsButtonEvent" onclick="return false;" href="#">Contact My Pro</a></span></p>
                </div>

    <div class="sm-event-info" id="yui_3_8_0_1_1390092478547_489">
        <div id="eventName"><h2 id="yui_3_8_0_1_1390092478547_488">Headshots for Rob Sirota - rob's Event Page</h2></div>
        <div id="eventDate">01/17/2014</div>
        <div id="eventLocation"></div>
        <div id="eventDescription"></div>
    </div>
</div></div>

rsirota

Here is what I've done and it seems to work:

.sm-event-info
{
	background-image: url("http://rsirota.smugmug.com/Master-Site-Files/SiteWide/i-8LnfQp4/0/S/Logo-Centered%40230-S.png");
    background-repeat: no-repeat;
    height: 97px;
}

.sm-user-ui .sm-event-info #eventName,
.sm-user-ui .sm-event-info #eventDate,
.sm-user-ui .sm-event-info #eventLocation,
.sm-user-ui .sm-event-info #eventdescription
{
  display: none;
}

You can check it out at the following URL:
http://www.robsirotaphotography.com/event/RS/rob/tjx7pdUooruHo

AceCo55

You need a password for that link.

rsirota

12345 is the password

AceCo55

This may be linked to your other thread on broken passwords. I can't get through using that password. Tried six times - Firefox 26.
Good luck.