Thanks Ismael

I used the icon left atrubute and it worked however the larger icon is overlapping the heading now.
Any code would be appreciated. Also what is the code for icon list? I used .iconlist but no luck.

Regards,

Mark
p.s.
My changes are live now.

website: http://www.barbadosapartment.com

Hello Ismael

Thanks for your latest response and for the extra CSS.

I am happy with the overall width of things I just want to reduce the spacing properly as outlined above.

I tried adding the latest CSS elements outlined above to reduce the spacing and it doesn’t work properly when I add it, so I’ve removed the latest CSS as outlined in your latest response.

The bottom section of this post is the current CSS I have in my Child Theme.

When I added the code below for example, the responsive menu also sat on the far right with no space which doesn’t look good.

Adjust the menu right margin using this:
#header_main_alternate .container {
margin: 0;
}

Can I maybe send you the WP login info and get you to have a look. If so, please let me know where to send this privately, thanks.

CSS CODE BELOW DOTS:
……………………………………….
/*
Theme Name: Enfold Child
Description: A Child Theme for the Enfold WordPress Theme. If you plan to do a lot of file modifications we recommend to use this Theme instead of the original Theme. Updating will be much easier then.
Version: 1.0
Author: Kriesi
Author URI: http://kriesi.at
Template: enfold
*/

/*Add your own styles here:*/

.social_header .phone-info span {
font-weight: normal;
margin-top: 0px;
margin-right: 0;
margin-bottom: 0;
margin-left: 0px;
padding-top: 0px;
padding-right: 0;
padding-bottom: 0;
padding-left: 0px;
font-size: 11px;
}

.responsive #header_meta .social_bookmarks {
padding-bottom: 0px;
width: 100%;
}

.main_color .heading-color, .main_color h1, .main_color h2, .main_color h3, .main_color h4, .main_color h5, .main_color h6, .main_color .sidebar .current_page_item > a, .main_color .sidebar .current-menu-item > a, .main_color .pagination .current, .main_color .pagination a:hover, .main_color strong.avia-testimonial-name, .main_color .heading, .main_color .toggle_content strong, .main_color .toggle_content strong a, .main_color .tab_content strong, .main_color .tab_content strong a, .main_color .asc_count, .main_color .avia-testimonial-content strong, .main_color div .news-headline {
color: #90d200;
font-weight: normal;
}

p + h3, p + h4, p + h5, p + h6 {
margin-top: 0px;
}

.title_container { display: none; }

#top .main_menu .menu > li:last-child > a {
padding-right: 13px;
}

.logo img {
display: block;
height: auto;
max-height: 100%;
padding: 0;
width: auto;
}

/* #Desktop – Large
================================================== */@media only screen and (min-width: 1140px) {
.responsive .boxed#top {
width: 960px;
}
.responsive .container {
width: 860px;
}
.responsive .container .one.unit,
.responsive .container .one.units {
width: 20px;
}
.responsive .container .two.units {
width: 30px;
}
.responsive .container .three.units {
width: 120px;
}
.responsive .container .four.units {
width: 210px;
}
.responsive .container .five.units {
width: 300px;
}
.responsive .container .six.units {
width: 390px;
}
.responsive .container .seven.units {
width: 480px;
}
.responsive .container .eight.units {
width: 570px;
}
.responsive .container .nine.units {
width: 660px;
}
.responsive .container .ten.units {
width: 750px;
}
.responsive .container .eleven.units {
width: 840px;
}
.responsive .container .twelve.units {
width: 930px;
}
.responsive #top.boxed .stretch_full {
width: 960px;
}
.responsive #top .offset-by-one {
padding-left: 90px;
}
.responsive #top .offset-by-two {
padding-left: 180px;
}
.responsive #top .offset-by-three {
padding-left: 270px;
}
.responsive #top .offset-by-four {
padding-left: 360px;
}
.responsive #top .offset-by-five {
padding-left: 450px;
}
.responsive #top .offset-by-six {
padding-left: 540px;
}
.responsive #top .offset-by-seven {
padding-left: 630px;
}
.responsive #top .offset-by-eight {
padding-left: 720px;
}
.responsive #top .offset-by-nine {
padding-left: 810px;
}
.responsive #top .offset-by-ten {
padding-left: 900px;
}
.responsive #top .offset-by-eleven {
padding-left: 990px;
}
}

@media only screen and (max-width: 767px) {
.responsive.social_header .phone-info {
position: relative;
top: 10px;
}
}

.bottom_nav_header.social_header .main_menu ul:first-child > li a {
border-right-style: solid;
border-right-width: 1px;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
color: #666666;
text-transform: uppercase;
font-weight: bold;
}

Thank you, Yigit. Your recommendation looks great. I have one more small change. How would I increase the font size in the top row (Heading Row) of the table? I want to increase the size of the phrases: Personal Development Survey, Manager Survey, and Team Survey (http://www.nexushumancapital.com/pricing/). Thanks.

Thanks so much for the quick reply! This works to get the font resizer on the page, but how would I get it to appear just to the right of the breadcrumb trail? I’d prefer not to add more space/another div above the title/breadcrumb trail div.
http://scullydisabilitylaw.com/what-we-do

• This reply was modified 12 years, 4 months ago by smallwebsolutions.