Have text show across the home

[Durenda Wood]

Hello Bill,

I need some welcome text to show above the widgets on the home page. I would like it to go across the page and then have the widgets below that. Is that possible?

TEXT:

Welcome to the 2015 registration portal for the Delegate/Trustee Luncheon and the Trustees’ Reunion Dinner.

Based on the invitation which you received, select the button below.

We look forward to seeing you in Atlanta!!

END TEXT

Suggestion or idea
I was thinking a nice little addition to your themes would be to set how many columns you want on the home page or how wide you want the widget to be.

[Durenda Wood]

turning on notification

[Bill Robbins]

Hey Durenda,

Looks like there is a BlackStudio TinyMCE widget there already. Let’s make that full width:

1. Go to your theme options page and choose the Style tab.
2. Scroll down to the Custom CSS box and add this:

   
   .home-lower .widget_black_studio_tinymce {
   	width: 920px;
   }
   
   @media only screen and (min-width: 768px) and (max-width: 1023px) {
   	
   	.home-lower .widget_black_studio_tinymce {
   		width: 710px;
   	}
   	
   }
   
   @media only screen and (max-width: 768px) {
   
   	.home-lower .widget_black_studio_tinymce {		
   		width: 90%;
   	}
   }
   

3. Update your settings.

I probably won’t ever be able to create a column width selector that can be applied on a per widget basis. The before widget spot that loads up the classes for that widget isn’t filterable from inside a widget.

Take care,
Bill

[Durenda Wood]

That did not work! 🙁

[Bill Robbins]

Looks like it did to me. See attached screenshot.

Attachments:

1. 

   Screen-shot-2015-02-04-at-4.23.16-PM-1052-x-811.png
   

[Durenda Wood]

I just now saw what the code did, I had text on the page itself. My plan was to have that and then have the 3 columns of widgets below that.

[Durenda Wood]

I know how I am going to do it! Thanks!

[Durenda Wood]

The buttons css code is not working can you send me something for that? Thanks

[Bill Robbins]

Hmmm…I’m not really sure what you mean there.

[Durenda Wood]

I have this for the code of a button and it doesn’t take to what the CSS is set to.

Register for Luncheon

I have even checked the code in the css, so it has to be the way I have it on the page.

Attachments:

1. 

   button.png
   

[Bill Robbins]

The code for that link needs to be changed a bit. Try this:

<a class="button" title="Trustees Luncheon" href="http://intldelegatetrustee.org/delegatetrustees-luncheon-registration/">Register for Luncheon</a>

Bill

[Durenda Wood]

Thank you! That worked. Still learning!

[Bill Robbins]

Glad to help out. I think the button styles that are built into the theme are set to work with elements that have a class labeled “button” on them.

Take care Durenda

[Author]

Posts