The tutorial is interesting indeed, also tried with the CSS options from the mc4wp plugin but still can’t achieve exactly what I wanted.

– how to make the label fields 100% width? seems like the theme is overwriting the mc4wp CSS for fields width (it works on the “submit” button but not for fields)
– how to change the font type, size and weight (make it bold for example) with mc4wp? (again seems like mc4wp CSS gets somehow overwritten)

Hope this helps:

[1] Create a new custom widget area
WP Admin: Appearance > Widgets > Custom Widget Area >

Spiritual Living > Click Add Widget button

Add PHP widget to the newly created Widget Area:

			<?php
				// Shows recent post from category ID 28
				yourcompany_posts_in_category( 28 );
			?>

[2] Custom Blog page
WP Admin: Pages > Your Custom Blog

Avia Layout Builder code:

[av_one_third first]
[av_textblock size='' font_color='' color='' custom_class='']
<a title="Spiritual Living" href="http://yourwebsite.com/category/spiritual-living/">Spiritual Living</a>
[/av_textblock]

[av_image src='http://yourwebsite.com/wp-content/uploads/sites/3/2014/03/category-image.jpg' attachment='381' attachment_size='full' align='center' animation='no-animation' link='manually,http://yourwebsite.com/category/spiritual-living/' target='' styling='' caption='' font_size='' appearance='' custom_class='category-image'][/av_image]

[av_sidebar widget_area='Category Spiritual Living']
[/av_one_third]

Thanks Yigit for the quick reply.

I’ve checked it and it’s still blown up. Basically it seems like everything has blown up, including some of the fonts (they’ve just jumped in size – the whole site has). I can fix that part but what I can’t figure out is the layout. There are no more margins. It’s like the 1/1 has disappeared and it’s just full screen (not a colour section – there’s still a margin but very thin).
For some reason imgur isn’t letting me upload my screen shot but if you take a look at the portfolio gallery and the accordion slider on the homepage, they are supposed to be set in 1/1 sections which should have a few centimeters margin on both sides of the elements. The margins have disappeared, it’s like this all over the site. I don’t think it’s my browser because I’m looking at all other pages and they appear normal …..Also the entire site has just slowed down, pages are getting caught trying to scroll down…whatever has changed has changed the entire site, seems to have made everything larger which in turn is slowing it all down.

You are right, responsiveness is still working but it still doesn’t change the problem with the elements themselves still being oversize.

When i first logged in this morning some of my plugins were deactivated, not sure if this is related or if there was an update last night that may have caused this?

I meant I saw these problems when I updated from 3.07 to 3.08 a few weeks ago.
I deleted all the enfold files, and then installed new ones via ftp, and yes, I saw errors
during the install (but did not copy them :(
THe problems started when I began using the child theme as well – do I need to reinstall that?
I will try to deactivate it…

ok so I am seeing some of my styling, but not all.
here is my quick css:

/*fix fullscreen slider under menu issue*/
.html_header_top.html_header_sticky.html_large.html_bottom_nav_header #main {
padding-top: 154px;
}

/*change line height in lists – include*/
li {line-height: 1.35em;
}

/*styling pricing tables?*/
/*.tablepress td {
padding: 1px 10px;
}*/

.wpgmza_map img {
border:1px!important;
}

.wpgmza_map {
border:1px!important;
}

/*swap excerpt for time/date in portfolio widget*/
.news-link { overflow: visible !important; }
.news-thumb { position: absolute !important; }
.news-headline, .news-excerpt { padding-left: 45px !important; }
.news-time { display: none !important; }

/*table press description styling*/
.tablepress-table-description {
font-style: italic;
font-size: 12px;
}

div .main_color .tabcontainer .active_tab {
background-color: #fffff;
color: #a6a6a6;
}

/*fix anchor link problems*/
.js_active .grid-image {
opacity: 1 !important;
}

/*fix anchor links caused by grid loading*/
@media only screen and (max-width: 767px) {
.grid-entry.flex_column.isotope-item {
max-height: 248px !important;
min-height: 248px !important;
}

/*table styling itinerary*/
td {
border-bottom-color: #ffffff!important;
border-right-color: #ffffff!important;
border-top-color: #ffffff!important;
border-left-color: #ffffff!important;
}

td {
font-size: 13px;
padding: 1px 10px;
border-style: solid;
border-width: 1px;
border-left: none;
border-top: none;
}

/*fix font tab titles*/
.js_active .tab {
font-size: 12px;
}

.js_active .active_tab {
font-weight: 600;
}

/*widget title size*/
.widgettitle{
font-weight: 600!important;
text-transform: uppercase;
letter-spacing: 1px;
font-size: 16px!important;;
}

/*===ICON BOXES===*/
.iconbox .iconbox_content .iconbox_content_title {
letter-spacing: 1px!important;
font-size: 40px!important;
}

.iconbox_top .iconbox_content{
padding: 20px 20px 20px 20px!important;
}

.iconbox {
opacity: 0.8;
}

.iconbox_icon {
display: none!important;
}

.image-overlay .image-overlay-inside {
display: none;
}

/*===sidebar margins===*/
.inner_sidebar {
margin-left: 30px;
}

h4 {
letter-spacing: 1px;
font-weight: 500;
}

.content, .sidebar {
padding-top: 30px;
padding-bottom: 20px;
}

.container {
padding: 0px 30px;
}

.content .entry-content-wrapper {
padding-right: 30px;
}

/*margins above body*/
body .column-top-margin {
margin-top: 30px;
}

body .aligncenter, .entry-content-wrapper a:hover .aligncenter {
margin: 0px;
padding: 0px;
position: relative;
}

#top .page-id-828 .iconbox_top {
margin-top: 20px!important;
text-align: left
}
.page-id-828 td {
vertical-align: top;
}

/* Font rendering – fix fonts on firefox!*/
body #wrap_all{
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

/*===grid titles styling==*/
.grid-entry-title.entry-title {
font-size: 14px !important;
font-weight: 500;
font-family: ‘Oswald’ !important;
/*text-transform: uppercase;*/
text-align: center;
text-color: #666666;
}

.grid-content {
min-height: 85px;
padding: 10px;
}

.grid-entry {
padding-right: 5px;
padding-bottom: 5px;
}

@media only screen and (max-width: 480px) {
.grid-entry-title.entry-title {
font-size: 13px !important;
font-weight: 500;
font-family: ‘Oswald’ !important;
/*text-transform: uppercase;*/
text-align: center;
text-color: #666666;
padding: 5px;
}
.grid-content {
min-height: 55px!important;
padding: 5px 3px 5px 3px;
}
.grid-entry-excerpt{
font-size: 10px; font-style: italic; margin-bottom: 5;
}}

/*change color of tab background on mobile*/
@media only screen and (max-width: 767px) {
.responsive #top .main_color .tabcontainer .active_tab {
background-color: #e6e6e6;
color: #222222;
}}

@media only screen and (max-width: 480px) {
h1 {font-size: 30px !important;}
h2 {font-size: 20px !important;
font-weight: 500;}
h3 {font-weight: 500;}
h4 {font-size: 14px !important;}
body {font-size: 12px;
line-height: 1.5em;}}

@media only screen and (max-width: 767px) {
.grid-entry {
width: 50% !important;
padding: 2px;}
}

/*fix padding on mobile*/
@media only screen and (max-width: 480px) {
/*margins above body*/
body .column-top-margin {
margin-top: 15px;}
}

@media only screen and (max-width: 480px) {
.content, .sidebar {
padding-top: 15px;
padding-bottom: 10px}
.content .entry-content-wrapper {
padding-right: 2;
padding-left: 2;}
}

/*increase container size mobile – limit!*/
@media only screen and (max-width: 480px) {
.responsive .container {
width: 330px!important;
}}

/*widget title size*/
@media only screen and (max-width: 480px) {
.widgettitle{
font-weight: 500!important;
text-transform: uppercase;
letter-spacing: 1px;
font-size: 14px!important;;
}

/*tab padding mobile*/
@media only screen and (max-width: 767px) {
.responsive .tabcontainer .tab_content {
padding: 5px;
}
.tabcontainer {
margin: 15px 0;
}
.tab_inner_content {
margin: 0 5px;
}
.js_active .top_tab .tab {
border-bottom: none;
padding: 10px 10px 10px 10px;
}
.js_active .tab {
font-size: 12px;
}}

/*fix padding mobile tab table content and borders*/
@media only screen and (max-width: 480px) {
td {
font-size: 12px;
line-height: 1.25em;
padding: 5px 5px;
border-bottom-color: #ffffff!important;
border-right-color: #ffffff!important;
border-top-color: #ffffff!important;
border-left-color: #ffffff!important;
}

/*===active menu===*/
.header_color .main_menu ul:first-child > li.current-menu-item > a, .header_color .main_menu ul:first-child > li.current_page_item > a, .header_color .main_menu ul:first-child > li.active-parent-item > a {
color: #666666;
background-color: #e6e6e6;
}

/*#header .current-menu-item
{background-color: #e6e6e6;
font-color: #ffffff;
}*/

/*===mega menu styling===*/
#top #header .mega_menu_title a {
font-size:14px; border-bottom: #ccc 1px dotted;
}

#top #header .mega_menu_title a:hover {
text-decoration:none;
}

#header .avia_mega_div .units {
border:none;
}

/*hide date widget latest portfolio*/
.widget.newsbox .news-time {
display: none !important;
}

/*increase padding under blog image*/
.flex_column .template-blog .big-preview.single-big {
padding: 0 0 20px 0;
}

/*fix sidebar logo header padding*/
.html_header_sidebar .logo{
padding: 30px;
}

/*.tabcontainer{
margin: 10px 0;
}*/

/*table styling?*/
.main_color table caption, .main_color tr:nth-child(even), .main_color .pricing-table>li:nth-child(even) {
color: #666666;
}

____________

I am seeing some but not all of the changes, also some that worked fine before like the white borders on the itinerary pages like on this page: http://andes-world-travel.flywheelsites.com/trips/explore-col-40/#tab-id-2 which I have set and reset many times now. It is displaying black for me. So, not sure what is going on.
thanks
Nancy
I read somewhere here that if there is a syntax error then the rest of the code does not get read- it that true?

this is my style.css in my child theme:

/*.iconbox .iconbox_content .iconbox_content_title {
font-size: 40px!important;
}*/

.iconbox {
opacity: 0.7;
}

/*table styling itinerary*/
td {
border-bottom-color: #ffffff!important;
border-right-color: #ffffff!important;
border-top-color: #ffffff!important;
border-left-color: #ffffff!important;
}

I had the same code in my quick css but was not seeing changes. I am also not seeing some of my theme options taking effect – my hosting service says it’s “appears that there is a conflict in between how the theme loads its base CSS and the QuickCSS.” but ignore the fact that I dont’ have any conflicting css code regarding the boxed dimensions of the site, or other settings in the theme options that I am not seeing. Some of the quick css is showing, some not.

I am really confused now. Should I start all over?
thanks
n

Thanks.

Regarding 1. I am not sure the additional weights are loaded since adding this does not seem to have any effect.

2. yes, ok. There is an option in the Advanced Styling to amend all headings at once, but it also affects the text / headings displayed in the Sliders, is that correct?
So the only option to keep the sliders’ text let’s say White and have something else than the default colour for other headings (in the Main content or elsewhere), is to edit the colour of each “special heading”…etc manually?

3. Footer widget titles are using the default font colour, size and are automatically in Capital letters, the idea was to find a way to play around these parameters

Thanks