[vlinder]

Hello,

Here are is the site… http://www.iviutech.com

This is all my custom CSS…
.page .entry-title{display:none;}

h1,h2,h3,h4,h5,h6,ol,a,ul,div,p{
font-family:myriad pro, myriad pro;
}
.hgroup-wrap {
padding-bottom: 0;
padding-top: 0;
}
#site-logo {
margin-top: 0;
}
.slogan-wrap .view-work {
background: #b5e6ee;
background: -webkit-linear-gradient(#f89121, #fde3c6);
background: -moz-linear-gradient(#f89121, #fde3c6);
background: -ms-linear-gradient(#f89121, #fde3c6);
background: -o-linear-gradient(#f89121, #fde3c6);
background: -webkit-gradient(#f89121, #fde3c6);
background: linear-gradient(#f89121, #fde3c6);
}
.slogan-wrap .view-work:hover {
background: -webkit-linear-gradient(#f89121, #9d5505);
background: -moz-linear-gradient(#f89121, #9d5505);
background: -ms-linear-gradient(#f89121, #9d5505);
background: -o-linear-gradient(#f89121, #9d5505);
background: -webkit-gradient(#f89121, #9d5505);
background: linear-gradient(#f89121, #9d5505);
}
.slogan-wrap {
background-color: #ef8108;
}

.widget_twitter div {
padding:0;
}

.widget_twitter ul li {
margin-bottom:1px;
}

.widget_twitter .follow-button,
.widget_twitter .xavisys-link {
margin:0 10px 10px 10px;
}

.widget_twitter .entry-meta {
display:block;
font-size:80%;
}

.widget_twitter .intent-meta a {
background: url(images/everything-spritev2.png); /** from Twitter ressources */
display: inline-block;
height: 16px;
text-indent: -9999px;
width: 16px;
}
.widget_twitter .intent-meta a.in-reply-to {
background-position: 0 center;
}
.widget_twitter .intent-meta a:hover.in-reply-to {
background-position: -16px center;
}
.widget_twitter .intent-meta a.favorite {
background-position: -32px center;
}
.widget_twitter .intent-meta a:hover.favorite {
background-position: -48px center;
}
.widget_twitter .intent-meta a.retweet {
background-position: -80px center;

[Sanjip Shah]

@Marta For the page title to be a link/clickable you can visit this thread https://www.themehorse.com/support-forum/topic/making-business-page-services-section-titles-links-back-to-pages/. Same thing is discussed there and hope this helps you as well.
I could not understand you first question. Do you want center align the text of the services widgets? If yes then in the dashboard go to Appearance->Theme Options->Design Options Tab->Custom CSS. Paste the following css and click on ‘Save all Changes’.

#content .service-item .service-title {
    margin-right: 60px;
    text-align: center;
}

You can increase or decrease the 60px value to shift the position as you like.

[[email protected]]

Would like to add some CSS to customize the look of the calendar widget display and found some code online that customizes a calendar referred to in the CSS as #wp-calendar and was wondering if this is the widget that is included in the Clean Retina Theme? When I import this code in the CSS sytle it does change some of the calendar’s look but most of the code seems to have no affect and was wondering if perhaps I need to slightly change some of the label names? Below is the code in question.

Thanks for your help,

Gary

/* calendar widget */
.widget_calendar {float: left;}
#wp-calendar {width: 100%; }
#wp-calendar caption { text-align: right; color: #333; font-size: 12px; margin-top: 10px; margin-bottom: 15px; }
#wp-calendar thead { font-size: 10px; }
#wp-calendar thead th { padding-bottom: 10px; }
#wp-calendar tbody { color: #aaa; }
#wp-calendar tbody td { background: #f5f5f5; border: 1px solid #fff; text-align: center; padding:8px;}
#wp-calendar tbody td:hover { background: #fff; }
#wp-calendar tbody .pad { background: none; }
#wp-calendar tfoot #next { font-size: 10px; text-transform: uppercase; text-align: right; }
#wp-calendar tfoot #prev { font-size: 10px; text-transform: uppercase; padding-top: 10px; }

[ovcmarketing]

Is there anyway I can make this work? I am trying keep this Google Maps CSS and HTML in the header but I want the social media icons to appear next to it like the normal header style. Right now I have the customer header disabled and the following code.

Header HTML:
<div id=”middle”>
<div id=”goomap”>
</p>
<!–map start–>
<!–Positions map in page –>
<iframe width=”350″ height=”325″ float=”right” frameborder=”0″ scrolling=”no” marginheight=”0″ marginwidth=”0″ src=”http://maps.google.com/maps?f=q&source=s_q&hl=en&geocode=&q=19505%2BForestdale%2BCt.%2BMokena%2C%2BIL%2B60448&ie=UTF8&z=12&t=m&iwloc=addr&output=embed”></iframe&gt;
<br />
<!–map end–>
</div>
<div id=”middlecontent”>
<h1>OVC Lawyer Marketing</h1>
<p>
(312) 953-3826
<br>
19505 Forestdale Ct.<br>
Mokena, IL 60448<br>

</div>
</div>

Stylesheet CSS:
#middle {
margin-right: auto;
margin-left: auto;
width: 70%;
height: 400px;
margin-top: 65px;
border:1px solid #FFFFFF;
background-color:#FFFFFF;
}

#middlecontent {
font: normal 12px “Trebuchet MS”, Arial, Helvetica, sans-serif;
padding: 10px;

[mcksusan]

I used the code below per your instructions and it DOES center my menu but it also adds a top level menu/page called NAVIGATION. How do I remove that?

#access {
text-align: center;
}
#access li {
display: inline-block;
float: none;
margin-right: -4px;
}
#access a {
display: block;
float: none;
}
#access ul li ul {
text-align: left;
}
#access ul li ul li {
display: block;
margin-right: 0;
}

Thanks,
Susan
http://ganache.myparisbistro.com

[hafur]

Hi Theme Horse Team,

first of all thanks a lot for this great theme!
I was wondering if it is possible to have the header/ nav bar fix when a user starts scrolling down?
I was testing the following custom CSS code (with no success):

.wp-pagenavi {
	margin-bottom: 40px;
	border-top: 1px solid #EAEAEA;
	border-bottom: 1px solid #EAEAEA;
	padding: 7px 0; 
	text-align: center;
        position: fixed;
}

Any hint?

Thanks a lot!

[Mowjee]

I tried to make the following banner take up the entire space above the menu.

In order to do this, I changed the following:
#site-title {
font: 36px ‘Philosopher’, sans-serif;
line-height: 0px;
}

#access {
border-top: 0px solid #EAEAEA;
border-bottom: 0px solid #EAEAEA;
margin-left: 10px;
}

#site-title a img {
vertical-align: inherit;
max-width: 1038px;
height: 150px;
}

.clearfix {
margin: 0px;
max-width: 1038px;
}

.hgroup-wrap {
padding-top: 0px;
padding-bottom: 0px;
}

While this works for the desktop, when I view the site on a smartphone or a tablet, the banner loses its responsiveness.

Any help would be much appreciated.

Thanks!

[Sanjip Shah]

@gbishopdu-edu In the dashboard, go to Appearance->Theme Options->Design Options Tab->Custom CSS.
Paste the following css and click on ‘Save all Changes’.

#site-generator .social-profiles, #site-generator .copyright {
    	float: none;
    	width: 100%;
	}
   #site-generator .social-profiles ul {
   	margin-bottom: 10px;
    	text-align: center;
    	float: none;
   }   
	#site-generator .social-profiles ul li {
    	display: inline-block;
    	margin-left: 3px;
    	margin-right: 3px;
    	float: none;
	}
	#site-generator .copyright {
    	padding-top: 10px;
    	text-align: center;
	}

Hope this helps.

[Sanjip Shah]

@yflyjump You could do two things. First one is: It looks that you are using the rev slider with the help of shortcode and putting it in content of the home page. Instead you could remove that shortcode from content of the home page. Then in the dashboard, go to Appearance->Theme Options->Slider Options Tab-> Slider Options bar. Enable the slider and check on the ‘Revolution Slider’ option. Then just below you will see the Revolution Slider Options bar. Select the rev slider that your created, check on ‘Display on home page’ option. Then click on ‘Save all Changes’. This is a better a way to do it.

Other one is: You could use custom css option to remove the extra white space above the slider. In the dashboard, go to Appearance->Theme Options->Design Options Tab->Custom CSS. Paste the following css and click on ‘Save all Changes’.
.home #main { padding-top: 0px; }

Hope this helps. And about the search in our forum, we will be adding it soon.