• Registered: 04-12-2012 UTC
  • Posts: 2,942

Re: Homepage Featured Widget

Try this layout. It is without the widgets.
http://pastebin.com/dtczRYzR

Ulrich

52 Reply by christiegarella (edited by christiegarella 01-14-2013 UTC 18:46:23)

  • Registered: 01-11-2013 UTC
  • Posts: 2

Re: Homepage Featured Widget

Thank you! That worked with the image.  I do have two more questions.

1 - Now there is no text on the image.  I would like to incorporate some sort of gray-ish/semi-transparent box with text about the company placed within the image area on the left-hand side.  Does that make sense? Something similar to this - http://www.peerhealthexchange.org/
I understand that this is probably a slider feature installed but I don't know that I am ready to really tackle that yet.

2 - How do I make it so there is no padding area above and below the image within the featured area?

Thank you for your time!
Christie 


grappler wrote:

Try this layout. It is without the widgets.


Ulrich

  • Registered: 04-12-2012 UTC
  • Posts: 2,942

Re: Homepage Featured Widget

Yea this would be slider feature.

Try 

#featured {
padding: 0:
margin:0:
}

Ulrich

  • Registered: 01-19-2013 UTC
  • Posts: 1

Re: Homepage Featured Widget

I am very new to this program and websites in general

I do not understand the code writing to change the picture or font size with the Featured Widget

  • From: Chicago
  • Registered: 07-30-2011 UTC
  • Posts: 10,495

Re: Homepage Featured Widget

@gmcguirevt

So we got the image squared away and not we need to adjust the font sizes. I went ahead and wrote few lines for you to speed up the process. This goes above what you asked for and I wanted to help:

.widget-title-home h3 {
    font-size: 18px;
}

.home .widget-wrapper {
    min-height: 140px;
}

.featured-title {
    font-size: 35px;
}

.featured-subtitle {
    font-size: 18px;
}

.top-menu li a {
    color: #fff;
}

.top-menu li a:hover {
    color: #fff;
}

#footer,
#footer a {
    color: #fff;
}

#footer a:hover {
    color: #fff;
}


For the rest we have few left overs here as well smile

http://wordpress.org/support/topic/responsive-theme-4

Thanks,
Emil

gmcguirevt wrote:

I am very new to this program and websites in general

I do not understand the code writing to change the picture or font size with the Featured Widget

Emil Uzelac's Website