Steve Davies

That’s great, thanks for your help.

Im going to re-phase my question.

On the demo page there is a image/carousel that is full width. How can I replicate this?

On the Reversed Sidebar page there is a full width image of a bible. How can I replicat this so that I have different images for different pages.

I have tried the featured image option and it has not work.

If you have documentation for this option, please can you point me in the right direction.

Many thanks

We are talking image widgets because your documentation says to use an image widget for site header , and you event a screenshet fo the widget structure.

As what I want isn’t working – featured image – I started to explore and find what I can as the documentation doesn’t really go further, to solve my issue of a header image.

I uploaded more than one image to imgur but didnt realise I needed two URLS for each image: https://imgur.com/7HNqqa1

That is what I have done, I included screenshots above.

As you can see, I am struggling, and have confirmed a few times that I am using the information as given in the documentation. Is there any chance you could log in, not to do any work but to at least tell me where I am going wrong

View post on imgur.com

This is how the image appears on the top right, if I apply this then this header image appears across all pages.

Thanks for the response, yes I have copied this as much as I can (I don’t have Social icons by WPzoom) but I also don’t want social icons there.

Quite odd :-/

Yes it’s very odd, yes the featured image is set, and the theme set up as shown.

Screenshot shere

View post on imgur.com

Hi, thanks, I have tried to replicate it using that document and not getting the same result.

How do I get different header images for different pages?

Why is the header image so small and in the wrong place on the on the home page?

Thanks

Steve

Hi Melissa, thanks for your reply.

Would you have any sample websites that use the theme?

Cheers

Steve

Thanks! Below:

/*
Theme Name: Magazine Basic
Theme URI: https://themes.bavotasan.com/2008/magazine-basic/
Author: c.bavota
Author URI: https://bavotasan.com
Description: Create a truly unique design with Magazine Basic, a lightweight and fully responsive HTML5 theme based on the Gridiculous boilerplate. Use the new Theme Options customizer to add your own background, page layout, site width and more. Distinguish each post with one of the eight supported post formats, such as: Video, Image, Aside, Status, Audio, Quote, Link and Gallery. Install JetPack to display each of your galleries through a tiled view and jQuery carousel. Compatible with bbPress & BuddyPress. Built using Twitter Bootstrap. Magazine Basic uses Google Fonts for improved typeface readability and works perfectly in desktop browsers, tablets and handheld devices. For a live demo go to https://demos.bavotasan.com/magazine-basic/.
Version: 3.0.4
Tags: white, black, gray, light, silver, one-column, two-columns, right-sidebar, left-sidebar, flexible-width, custom-background, custom-header, custom-menu, custom-colors, editor-style, featured-image-header, featured-images, microformats, post-formats, sticky-post, threaded-comments, translation-ready, theme-options, buddypress

License: GNU General Public License v2.0
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/

/* =Normalize.css v2.1.0 by Nicolas Gallagher – https://necolas.github.com/normalize.css/
————————————————————– */
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}
audio,canvas,video{display:inline-block}
audio:not([controls]){display:none;height:0}
[hidden]{display:none}
html{font-family: ‘Lato’, sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
body{margin:0}
a:focus{outline:thin dotted}
a:active,a:hover{outline:0}
h1{font-size:2em;margin:0.67em 0}
abbr[title]{border-bottom:1px dotted}
b,strong{font-weight:bold}
dfn{font-style:italic}
hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}
mark{background:#ff0;color:#000}
code,kbd,pre,samp{font-family: ‘Lato’, sans-serif;, serif;font-size:1em}
pre{white-space:pre-wrap}
q{quotes:”\201C” “\201D” “\2018” “\2019”}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-0.5em}
sub{bottom:-0.25em}
img{border:0}
svg:not(:root){overflow:hidden}
figure{margin:0}
fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}
legend{border:0;padding:0}
button,input,select,textarea{font-family: ‘Lato’, sans-serif;font-size:100%;margin:0}
button,input{line-height:normal}
button,select{text-transform:none}
button,html input[type=”button”],input[type=”reset”],input[type=”submit”]{-webkit-appearance:button;cursor:pointer}
button[disabled],html input[disabled]{cursor:default}
input[type=”checkbox”],input[type=”radio”]{box-sizing:border-box;padding:0}
input[type=”search”]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}
input[type=”search”]::-webkit-search-cancel-button,input[type=”search”]::-webkit-search-decoration{-webkit-appearance:none}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
textarea{overflow:auto;vertical-align:top}
table{border-collapse:collapse;border-spacing:0}

/* =Clearfix by Nicolas Gallagher
————————————————————– */
.row:before,.row:after,.clearfix:before,.clearfix:after{content:”;display:table;}
.row:after,.clearfix:after{clear:both;}
.row,.clearfix{zoom:1;}

/* =Gridiculous
————————————————————– */
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;word-wrap:break-word}
body{font-size:100%;line-height:1.6875}
.grid{margin:0 auto;max-width:1200px;min-width:320px;width:100%}
img{max-width:100%;height:auto}
.wfull{width:100%;max-width:100%}
.w320{max-width:320px}
.w640{max-width:640px}
.w960{max-width:960px}
.row{width:100%;margin-bottom:20px}
.row .row{width:auto;margin:0 -20px}
.c1{width:8.33%}
.c2{width:16.66%}
.c3{width:25%}
.c4{width:33.33%}
.c5{width:41.66%}
.c6{width:50%}
.c7{width:58.33%}
.c8{width:66.66%}
.c9{width:75%}
.c10{width:83.33%}
.c11{width:91.66%}
.c12,.w320 .c1,.w320 .c2,.w320 .c3,.w320 .c4,.w320 .c5,.w320 .c6,.w320 .c7,.w320 .c8,.w320 .c9,.w320 .c10,.w320 .c11,
.w640 .c1,.w640 .c2,.w640 .c3,.w640 .c4,.w640 .c5,.w640 .c6,.w640 .c7,.w640 .c8,.w640 .c9,.w640 .c10,.w640 .c11{width:100%}
.c1,.c2,.c3,.c4,.c5,.c6,.c7,.c8,.c9,.c10,.c11,.c12{min-height:1px;float:left;padding-left:20px;padding-right:20px;position:relative}
.s1{margin-left:8.33%}
.s2{margin-left:16.66%}
.s3{margin-left:25%}
.s4{margin-left:33.33%}
.s5{margin-left:41.66%}
.s6{margin-left:50%}
.s7{margin-left:58.33%}
.s8{margin-left:66.66%}
.s9{margin-left:75%}
.s10{margin-left:83.33%}
.s11{margin-left:91.66%}
.end{float:right!important}

@font-face {
font-family: ‘Lato’, sans-serif;
src: url(‘library/fonts/fontawesome-webfont.eot?v=3.0.1’);
src: url(‘library/fonts/fontawesome-webfont.eot?#iefix&v=3.0.1’) format(“embedded-opentype”),
url(‘library/fonts/fontawesome-webfont.woff?v=3.0.1’) format(“woff”),
url(‘library/fonts/fontawesome-webfont.ttf?v=3.0.1’) format(“truetype”);
font-weight: normal;
font-style: normal;
}

/* Font Awesome styles
——————————————————- */
[class^=”icon-“],
[class*=” icon-“] {
font-family: ‘Lato’, sans-serif;
font-weight: normal;
font-style: normal;
text-decoration: inherit;
-webkit-font-smoothing: antialiased;

/* sprites.less reset */
display: inline;
width: auto;
height: auto;
line-height: normal;
vertical-align: baseline;
background-image: none;
background-position: 0% 0%;
background-repeat: repeat;
margin-top: 0;
}

[class^=”icon-“]:before,
[class*=” icon-“]:before {
text-decoration: inherit;
display: inline-block;
speak: none;
}

/* makes sure icons active on rollover in links */
a {
[class^=”icon-“],
[class*=” icon-“] {
display: inline-block;
}
}

.icon-search:before { content: “\f021”; }
.icon-leaf:before { content: “\f022”; }
.icon-reorder:before { content: “\f023”; }
.icon-caret-down:before { content: “\f024”; }
.icon-caret-up:before { content: “\f025”; }
.icon-caret-right:before { content: “\f026”; }
.icon-quote-left:before { content: “\f027”; }

/* =General
————————————————————– */
body {
color: #555;
font-family: ‘Lato’, sans-serif;
font-size: 14px;
-moz-transition: left .25s ease-in-out;
-webkit-transition: left .25s ease-in-out;
transition: left .25s ease-in-out;
position: relative;
left: 0;
}

a, h1, h2, h3, h4, h5, h6 {
color: #333;
}

a:hover {
color: #000;
}

h1, h2, h3, h4, h5, h6 {
font-family: ‘Lato’, sans-serif;
font-weight: 400;
}

ul ul,
ol ol {
margin: 0;
}

pre {
padding: 5px;
background: #f6f6f6;
border: 1px solid #e2e2e2;
color: #666;
font-size: 90%;
white-space: pre;
word-wrap: normal;
overflow-x: scroll;
}

table {
width: 100%;
}

td, th {
padding: 6px;
border: 1px solid #bbb;
text-align: left;
}

th {
background: #eee;
font-weight: bold;
}

.widget #calendar_wrap {
padding: 0 20px 20px;
}

.fl {
float: left;
}

.fr {
float: right;
}

.instructions {
background-color: #FFFFE0;
border: 1px solid #E6DB55;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
display: block;
padding: 10px;
margin-bottom: 20px;
font-size: 12px;
}

.instructions a {
color: #21759B;
text-decoration: none;
}

/* =HTML5 Defaults
————————————————————– */
del {
color: red;
text-decoration: line-through;
}

ins {
border-bottom: 1px solid green;
text-decoration: none;
color: green;
}

/* =Inputs
————————————————————– */
input,
textarea {
padding: 8px;
border: 1px solid #bbb;
outline: none;
font-weight: normal;
color: #555;
max-width: 100%;
}

input:focus,
textarea:focus {
border-color: #AAA;
-moz-box-shadow: 2px 2px 4px rgba(0,0,0,0.4);
-webkit-box-shadow: 2px 2px 4px rgba(0,0,0,0.4);
box-shadow: 2px 2px 4px rgba(0,0,0,0.4);
}

input[type=text],
input[type=password],
input[type=email],
input[type=url],
input[type=number] {
width: 240px;
}

textarea {
width: 100%;
}

input[type=”submit”] {
margin-top: 0 !important;
}

select {
display: inline-block;
height: 28px;
line-height: 28px;
border: 1px solid #aaa;
padding: 4px;
color: #555;
}

.widget select {
margin: 0 20px 20px;
width: 70%;
}

/* =Assitive Text
————————————————————– */
.assistive-text,
.remove {
position: absolute !important;
clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
clip: rect(1px, 1px, 1px, 1px);
}

/* =Header
————————————————————– */
.title-logo-wrapper,
#site-logo,
#site-title {
max-width: 100%;
}

#site-logo {
padding: 30px 20px 0;
display: inline-block;
}

#site-title {
margin: 30px 0 10px;
line-height: 1;
font-size: 48px;
}

#site-title a {
text-decoration: none;
}

#site-description {
margin: 0;
font-size: 120%;
line-height: 1;
font-weight: normal;
font-family: ‘Lato’, sans-serif;
}

#site-title,
#site-description {
padding: 0 20px;
}

#header-img {
display: block;
clear: both;
}

#header .c12 {
padding-left: 0;
padding-right: 0;
}

.header-group {
margin-bottom: 30px;
clear: left;
}

#header .center {
text-align: center;
}

.center #site-logo {
width: 100%;
clear: both;
}

#drop-down-search {
clear: both;
display: none;
padding: 0 20px;
}

#drop-down-search #searchform {
padding-right: 18px;
}

#drop-down-search #site-search {
width: 100%;
}

/* =Header Widgets
————————————————————– */
.header-widget {
padding: 30px 20px;
}

#header-widgets.fr,
#header-widgets.center {
float: left;
}

#header-widgets.fl {
float: right;
}

#header-widgets.center {
display: block;
text-align: center;
width: 100%;
}

.header-widget-title {
padding: 0;
border-bottom: 0;
margin-bottom: 5px;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}

.header-widget.widget_search {
margin-top: 15px;
}

.header-widget img {
padding: 0;
}

/* =Main Navigation
————————————————————– */
#site-navigation,
#site-sub-navigation {
position: relative;
z-index: 500;
font-size: 18px;
display: block;
background: #346688;
clear: both;
font-family: FontAwesome, sans-serif;
font-weight: 400;
text-align:center;

}

#site-sub-navigation {
background: none;
font-size: 12px;
z-index: 400;
border-bottom: 1px solid #23445b;
-moz-box-shadow: 0 2px 3px rgba(0,0,0,0.2);
-webkit-box-shadow: 0 2px 3px rgba(0,0,0,0.2);
box-shadow: 0 2px 3px rgba(0,0,0,0.2);
font-family: FontAwesome, sans-serif;
}

#site-navigation ul,
#site-sub-navigation ul {
padding: 0;
margin: 0;
font-family: FontAwesome, sans-serif;
}

#site-navigation li,
#site-sub-navigation li {
display: inline-block;
position: relative;
text-align: left;
/*border-right: 1px solid #fff;*/
-moz-transition: color .25s ease-in-out;
-webkit-transition: color .25s ease-in-out;
transition: color .25s ease-in-out;
-moz-transition: background-color .25s ease-in-out;
-webkit-transition: background-color .25s ease-in-out;
transition: background-color .25s ease-in-out;
}

#site-navigation .sub-menu li,
#site-sub-navigation .sub-menu li,
#site-navigation .children li,
#site-sub-navigation .children li {
border: 0;
}

#site-sub-navigation li {
margin-right: 8px;
position: relative;
border: 0;
}

#site-sub-navigation li:before {
content: “\2022”;
font-size: 18px;
position: absolute;
right: -8px;
}

#site-sub-navigation li:last-child:before,
#site-sub-navigation li li:before {
content: none;
}

#site-navigation li a,
#site-sub-navigation li a {
color: #fff;
padding: 5px 25px;
display: inline-block;
text-shadow: 1px 1px 0 #000;
text-decoration: none;
}

#site-navigation li a,
#site-sub-navigation ul ul li a {
width: 100%;
}

#site-sub-navigation li,
#site-sub-navigation li a {
color: #000;
text-shadow: none;
text-transform: uppercase;
}

#site-sub-navigation li li,
#site-sub-navigation li li a {
text-transform: none;
}

#site-navigation li:hover {
background: #23445a;
}

#site-sub-navigation li:hover,
#site-sub-navigation li li:hover {
background: #23445a;
}

#site-navigation li a:not(:last-child):after,
#site-sub-navigation li a:not(:last-child):after {
content: “\f024”;
font-family: ‘Lato’, sans-serif;
float: right;
margin: 0 0 0 10px;
}

#site-navigation ul ul li a:not(:last-child):after,
#site-sub-navigation ul ul li a:not(:last-child):after {
content: “\f026”;
}

#site-navigation ul ul,
#site-sub-navigation ul ul {
opacity: 0;
position: absolute;
left: -9999px;
width: 188px;
z-index: 99999;
background: #222;
-moz-box-shadow: 2px 2px 2px rgba(0,0,0,0.3);
-webkit-box-shadow: 2px 2px 2px rgba(0,0,0,0.3);
box-shadow: 2px 2px 2px rgba(0,0,0,0.3);
-moz-transition: opacity .25s ease-in-out;
-webkit-transition: opacity .25s ease-in-out;
transition: opacity .25s ease-in-out;
}

#site-sub-navigation ul ul {
background: #eee;
top: 2.5em;
}

#site-navigation li li,
#site-sub-navigation li li {
clear: both;
width: 100%;
}

#site-navigation li li:hover {
background: #23445b;
}

#site-sub-navigation li li:hover {
background: #23445b;
}

#site-navigation ul li:hover > ul,
#site-sub-navigation ul li:hover > ul {
opacity: 1;
left: 0;
}

#site-navigation ul ul li:hover > ul,
#site-sub-navigation ul ul li:hover > ul {
left: 100% !important;
top: 0;
}

/* =Mobile Navigation
————————————————————– */
#mobile-menu {
background: #1b1b1b;
display: none;
text-align: right;
padding: 5px 10px;
border-bottom: 1px solid #000;
font-family: Lato;
}

#mobile-menu a {
width: 45px;
margin: 0 0 0 5px;
color: #fff;
text-shadow: 1px 1px 1px #000;
text-decoration: none;
font-size: 20px;
border-radius: 8px;
color: #ffffff;
background: #346688;
box-shadow: inset 1px 1px 1px #000, 1px 1px 1px #333;
text-align: center;
display: inline-block;
font-family: Lato;
}

#mobile-menu a:hover {
background-color: #23445b;
}

#mobile-menu a.left-menu {
float: left;
margin: 0 5px 0 0;
}

.offcanvas #site-navigation li a.open:not(:last-child):after,
.offcanvas #site-sub-navigation li a.open:not(:last-child):after {
-moz-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}

.offcanvas .widget {
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
margin: 30px 0 0;
}

.left-menu-open {
position: relative;
left: 260px;
}

#drop-down-search {
clear: both;
display: none;
padding: 14px;
background: #333;
}

#drop-down-search #searchform {
padding-right: 18px;
}

#drop-down-search #site-search {
width: 100%;
}

.offcanvas #site-navigation ul ul,
.offcanvas #site-navigation li,
.offcanvas #site-sub-navigation ul ul,
.offcanvas #site-sub-navigation li {
width: 100%;
border: 0;
}

.offcanvas #site-navigation ul ul,
.offcanvas #site-sub-navigation ul ul {
display: none;
position: static;
opacity: 1;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}

.offcanvas #site-navigation ul ul li a,
.offcanvas #site-sub-navigation ul ul li a {
padding-left: 30px;
}

.offcanvas #site-navigation ul ul ul li a,
.offcanvas #site-sub-navigation ul ul ul li a {
padding-left: 50px;
}

.offcanvas #site-navigation li a:not(:last-child):after,
.offcanvas #site-sub-navigation li a:not(:last-child):after {
content: “\f024”;
}

.offcanvas #site-navigation li a,
.offcanvas #site-sub-navigation li a {
background: #333;
border-bottom: 1px solid #222;
border-top: 1px solid #444;
padding: 8px 16px;
color: #fff;
display: block;
font-size: 14px;
text-transform: none;
}

.offcanvas #site-navigation li a:hover,
.offcanvas #site-sub-navigation li a:hover {
background: #444;
}

.offcanvas #site-sub-navigation li:before {
content: “”;
}

/* =Featured
————————————————————– */
#featured, #featured article {
margin: 0;
}

#featured .c12 {
margin: 0 0 30px;
}

/* =Sticky
————————————————————– */
.sticky {
background: #ADADAD;
background: rgba( 50,50,50,0.5);
padding: 20px;
text-shadow: 1px 1px 0 #000;
color: #fff;
border-radius: 6px;
}

.sticky,
.sticky .entry-content img {
border: 1px solid #777;
}

.sticky p {
margin-top: 0;
}

.sticky .entry-meta,
.sticky .entry-meta a,
.sticky .entry-title,
.sticky .entry-title a,
.sticky h1,
.sticky h2,
.sticky h3,
.sticky h4,
.sticky h5,
.sticky h6 {
color: #fff !important;
}

.sticky .post-category,
.sticky .post-category a,
.sticky .entry-title a:hover {
color: #eee !important;
}

.sticky .post-category a:hover {
color: #ccc;
}

.sticky .entry-content {
border: 0;
padding: 0;
}

.sticky .entry-content a {
color: #eee;
border-bottom: 1px dotted;
}

.sticky .entry-content pre {
text-shadow: none;
}

.sticky .more-link {
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
border-color: #222;
margin-bottom: 0;
}

/* =Main
————————————————————– */
#main {
margin-top: 40px;
}

#primary.centered {
float: none !important;
margin-left: auto;
margin-right: auto;
}

/* =Article
————————————————————– */
article {
margin-bottom: 30px;
float: left;
width: 100%;
}

.page article,
.single article {
padding-bottom: 10px;
border-bottom: 1px solid #e2e2e2;
}

.entry-title {
margin: 0;
line-height: 1.2;
}

.entry-title a {
text-decoration: none;
color: #333 !important;
}

.entry-title a:hover,
.format-link cite a:hover {
color: #666 !important;
}

.entry-meta {
font-size: 90%;
line-height: 1.3;
margin-top: 2px;
color: #333;
font-family: ‘Lato’, sans-serif;
font-weight: 300;
}

.entry-meta a {
text-decoration: none;
border-bottom: 1px dotted;
}

.post-category,
.post-format,
.page-title,
.archive-meta {
text-transform: uppercase;
font-size: 80%;
margin: 0;
color: #666;
font-family: ‘Lato’, sans-serif;
font-weight: 300;
}

.post-category a {
text-decoration: none;
color: #666 !important;
}

.post-category a:hover {
color: #444;
}

.entry-content {
width: 100%;
padding-bottom: 10px;
border-bottom: 1px solid #e2e2e2;
overflow: hidden;
}

.entry-content a {
border-bottom: 1px dotted;
text-decoration: none;
}

.more-link,
#posts-pagination a,
.form-submit input[type=”submit”],
.comment-reply-link {
font-size: 13px;
background: #444;
color: #eee !important;
text-decoration: none;
text-shadow: 1px 1px 0 #000;
padding: 6px 12px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
border: 1px solid #222 !important;
-moz-box-shadow: 1px 1px 0 #eee;
-webkit-box-shadow: 1px 1px 0 #eee;
box-shadow: 1px 1px 0 #eee;
display: inline-block;
margin: 1em 0;
line-height: 1.2;
}

.more-link:hover,
.form-submit input[type=”submit”]:hover,
#posts-pagination a:hover,
.comment-reply-link:hover {
background: #222;
color: #eee;
}

.more-link-p {
clear: both;
float: left;
width: 100%;
margin: 0;
}

.entry-content img {
border: 1px solid #e2e2e2;
}

a > img {
display: block;
border: 0 !important;
}

footer.entry {
clear: both;
float: left;
width: 100%;
}

blockquote {
margin: 5px 0 1em 0;
font-size: 90%;
color: #666;
border-left: 10px solid #aaa;
padding-left: 12px;
}

.pullquote {
font-size: 21px;
color: #444;
font-weight: bold;
line-height: 1.6125em;
border: 0;
padding: 0;
margin: 1em 1.625em 1em 0;
text-align: right;
width: 33%;
float: left;
border-top: 1px solid #aaa;
border-bottom: 1px solid #aaa;
-moz-box-shadow: 0 1px 0 #eee, inset 0 1px 0 #eee;
-webkit-box-shadow: 0 1px 0 #eee, inset 0 1px 0 #eee;
box-shadow: 0 1px 0 #eee, inset 0 1px 0 #eee;
}

.pullquote.alignright {
margin: 1em 0 1em 1.625em;
text-align: left;
float: right;
}

/* =Front Page Columns
————————————————————– */
.two-col-wrapper,
.three-col-wrapper {
background: url(library/images/line.gif) repeat-y 50% 0;
float: left;
width: 100%;
margin-bottom: 30px;
}

.three-col-wrapper {
background: url(library/images/line.gif) repeat-y 33.33% 0, url(library/images/line.gif) repeat-y 66.66% 0;
}

.border span {
border-top: 1px solid #e2e2e2;
margin-bottom: 30px;
display: block;
}

.two-col .entry-content,
.three-col .entry-content,
body.page .entry-content,
.single .entry-content {
border: 0;
padding: 0;
}

.two-col header,
.three-col header,
.two-col .post-format,
.three-col .post-format,
.two-col.format-quote .entry-content,
.three-col.format-quote .entry-content {
padding-top: 20px;
border-top: 1px solid #e2e2e2;
}

.two-col:nth-child(1) header,
.two-col:nth-child(2) header,
.three-col:nth-child(1) header,
.three-col:nth-child(2) header,
.three-col:nth-child(3) header,
.two-col:nth-child(1) .post-format,
.two-col:nth-child(2) .post-format,
.three-col:nth-child(1) .post-format,
.three-col:nth-child(2) .post-format,
.three-col:nth-child(3) .post-format,
.two-col.format-quote:nth-child(1) .entry-content,
.two-col.format-quote:nth-child(2) .entry-content,
.three-col.format-quote:nth-child(1) .entry-content,
.three-col.format-quote:nth-child(2) .entry-content,
.three-col.format-quote:nth-child(3) .entry-content {
border: 0;
padding-top: 0;
}

.two-col.format-quote:before,
.three-col.format-quote:before {
top: -40px;
}

.two-col:nth-child(odd),
.three-col:nth-child(3n+1) {
clear: both;
}

.two-col .entry-title {
font-size: 1.7em;
}

.three-col .entry-title {
font-size: 1.4em;
}

/* =404
————————————————————– */
article.error404 .entry-title {
font-size: 500%;
text-align: center;
}

article.error404 img {
background: none;
border: 0;
padding: 0;
margin: 0 auto 10px;
display: block;
}

article.error404 .entry-content {
text-align: center;
font-size: 200%;
line-height: 1.2;
text-transform: uppercase;
}

/* =Aside
————————————————————– */
.format-aside p {
margin-top: 0;
}

/* =Quote
————————————————————– */
.format-quote .entry-content {
font-size: 18px;
line-height: 1.3;
padding-left: 50px;
font-style: italic;
overflow: visible;
}

.format-quote p,
.format-quote blockquote {
margin: 0;
}

.format-quote i.quote {
color: #aaa;
display: block;
font-size: 40px;
position: relative;
float: left;
}

.format-quote blockquote {
border: 0;
padding: 0;
font-size: 28px;
}

.format-quote cite {
font-size: 22px;
}

cite {
text-align: right;
font-style: normal;
display: block;
margin-bottom: 10px;
}

cite:before {
content: ‘\2013 0A0’;
}

/* =Status
————————————————————– */
.format-status .post-format {
margin-bottom: 4px;
}

.format-status .avatar {
background: #F6F6F6;
border: 1px solid #E2E2E2;
padding: 6px;
float: left;
margin: 0 17px 0 0;
}

.format-status.widget-post .avatar {
background: #fff;
}

.format-status .author {
font-family: ‘Lato’, sans-serif;
font-weight: 700;
font-size: 15px;
line-height: 1;
margin: 0;
}

.format-status .entry-content {
padding-left: 77px;
clear: none;
display: inherit;
overflow: inherit;
}

.format-status .entry-content p {
line-height: 1.5;
margin-top: 0;
}

.format-status time {
line-height: 1.2;
font-size: 80%;
color: #666;
font-family: ‘Lato’, sans-serif;
font-weight: 300;
margin: 5px 0 15px;
display: inline-block;
}

/* =Link
————————————————————– */
.format-link p {
margin-top: 0;
}

.format-link footer.entry p,
.format-quote footer.entry p {
margin: 1em 0;
}

.format-link a {
font-size: 150%;
line-height: 22px;
border: 0;
color: #333;
}

/* =Gallery
————————————————————– */
/* =Gallery
————————————————————– */
.gallery {
margin: 10px -10px;
}
.gallery > p {
margin: 0;
height: 0;
}

.gallery-item {
margin: 0 0 10px;
float: left;
padding: 0 10px;
}
.gallery-item .gallery-icon img {
width: 100%;
}
.gallery-item .gallery-caption {
padding: 10px 0;
margin: 0;
color: #444;
clear: both;
font-size: 12px;
text-align: center;
}
.gallery-columns-1 .gallery-item {
width: 100%;
}
.gallery-columns-2 .gallery-item {
width: 50%;
}
.gallery-columns-3 .gallery-item {
width: 33.33%;
}
.gallery-columns-4 .gallery-item {
width: 25%;
}
.gallery-columns-5 .gallery-item {
width: 20%;
}
.gallery-columns-6 .gallery-item {
width: 16.66%;
}
.gallery-columns-7 .gallery-item {
width: 14.28%;
}
.gallery-columns-8 .gallery-item {
width: 12.5%;
}
.gallery-columns-9 .gallery-item {
width: 11.11%;
}
@media (max-width: 480px) {
.gallery .gallery-item {
width: 100%;
margin-bottom: 20px;
}
}

/* =Attachments
————————————————————– */
p.attachment img {
margin: 0;
}

p.attachment a {
display: inline-block;
border: 0;
}

/* =Tags
————————————————————– */
.tags a {
text-decoration: none;
background: #f6f6f6;
padding: 0 6px;
display: inline-block;
margin: 0 0 4px;
border: 1px solid #e2e2e2;
font-size: 90%;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}

.tags a:hover {
background: #eee;
}

/* =Pagination
————————————————————– */
#pagination,
#post-pagination,
#posts-pagination {
margin: 0 0 20px 0;
width: 100%;
overflow: hidden;
clear: both;
}

#pagination {
background: #eee;
padding: 10px;
font-size: 13px;
-moz-box-shadow: 1px 1px 0 rgba(0,0,0,0.15);
-webkit-box-shadow: 1px 1px 0 rgba(0,0,0,0.15);
box-shadow: 1px 1px 0 rgba(0,0,0,0.15);
}

#pagination .total-pages,
#pagination .page-numbers,
#post-pagination a,
#post-pagination .current-post-page {
background: #fff;
padding: 0 6px ;
border: 1px solid #bbb;
float: left;
margin-right: 5px;
text-decoration: none;
}

#pagination .page-numbers.current,
#pagination .page-numbers:hover,
#post-pagination a:hover,
#post-pagination .current-post-page {
border-color: #666;
color: #000;
}

#posts-pagination .previous,
#posts-pagination .next {
max-width: 48%;
}

#posts-pagination .next {
text-align: right;
}

#posts-pagination .previous a,
#posts-pagination .next a {
max-width: 100%;
}

#posts-pagination a {
margin: 0;
}

#pages a {
text-decoration: none;
border-bottom: 1px dotted;
}

/* =Comments
————————————————————– */
#comments,
#respond,
.commentlist,
.commentlist ul.children,
.commentlist li.comment,
.commentlist li.pingback,
.commentlist .comment-body {
width: 100%;
clear: both;
float: left;
}

#comments-title,
#reply-title {
font-size: 1.5em;
margin-bottom: 0;
}

.logged-in-as {
margin-top: 0;
font-size: 14px;
}

.logged-in-as a {
text-decoration: none;
border-bottom: 1px dotted;
}

.commentlist li.comment,
.commentlist li.pingback {
padding-bottom: 10px;
}

.commentlist,
.commentlist ul.children {
list-style: none;
padding: 0;
}

.commentlist ul.children {
margin: 10px 0 0;
padding-left: 10px;
}

.commentlist ul.children li.comment {
border-left: 1px solid #E2E2E2;
position: relative;
}

.commentlist ul.children li.comment:before {
width: 12px;
height: 12px;
display: block;
background: #fff;
-moz-border-radius: 12px;
-webkit-border-radius: 12px;
border-radius: 12px;
border: 1px solid #E2E2E2;
position: absolute;
top: 30px;
left: -7px;
content: “”;
z-index: 50;
}

.commentlist ul.children li.comment:after {
width: 100px;
height: 1px;
border-top: 1px solid #E2E2E2;
display: block;
position: absolute;
top: 36px;
left: -5px;
content: “”;
z-index: 40;
}

.commentlist .comment-body {
padding: 20px;
background: #f6f6f6;
display: block;
border: 1px solid #e2e2e2;
position: relative;
z-index: 100;
}

.commentlist .children > li.comment {
padding-left: 23px !important;
}

.comment-notes {
line-height: 1.2em;
clear: both;
}

.commentlist li.comment .avatar {
float: left;
padding: 0;
border-color: #CCC;
}

.commentlist li.comment .comment-author {
width: 100%;
color: #222;
text-decoration: none;
}

.commentlist li.comment .comment-author {
font-size: 130%;
padding-left: 75px;
line-height: 1;
}

.commentlist li.comment .comment-meta {
padding-left: 75px;
font-size: 80%;
color: #888;
font-style: italic;
}

.commentlist li.comment .comment-text {
padding: 0 0 0 75px;
}

#cancel-comment-reply-link {
font-size: 1em;
float: right;
}

.comment-reply-link {
float: right;
margin: 0;
}

textarea#comment {
width: 100%;
}

.commentlist pre {
background: #eee;
border-color: #e2e2e2;
}

.pingback a,
.comment a {
text-decoration: none;
border-bottom: 1px dotted;
}

.comment .url {
font-style: italic;
}

.bypostauthor > .comment-body {
border: 10px solid #444;
}

/* =Archives
————————————————————– */
#archive-header,
.page-title {
margin: 0 0 30px;
border-top: 2px solid #ccc;
border-bottom: 1px solid #ccc;
}

#archive-header h1 {
margin-bottom: 0;
border: 0;
}

#archive-header h2 {
padding-bottom: 10px;
}

.archive-meta {
color: #666;
margin: 0;
font-size: 13px;
line-height: 1.3;
text-transform: none;
}

.archive-meta p {
margin: 0;
}

.page-title {
font-size: 1.2em;
line-height: 1.2;
padding: 10px 0;
}

/* =Sidebar
————————————————————– */
.widget {
margin-bottom: 30px;
width: 100%;
background: url(library/images/bg-hatch.gif);
border: 1px solid #ddd;
font-size: 90%;
-moz-box-shadow: 1px 1px 0 rgba(0,0,0,0.2);
-webkit-box-shadow: 1px 1px 0 rgba(0,0,0,0.2);
box-shadow: 1px 1px 0 rgba(0,0,0,0.2);
}

.widget-title,
.header-widget-title {
font-size: 95%;
margin-top: 0;
line-height: 1.2;
border-bottom: 1px solid #ddd;
padding: 10px 20px;
-moz-box-shadow: 0 1px 0 #fff;
-webkit-box-shadow: 0 1px 0 #fff;
box-shadow: 0 1px 0 #fff;
text-transform: uppercase;
text-shadow: 1px 1px 0 #fff;
}

.widget .textwidget {
padding: 0 20px;
}

.widget p a,
.home-widget a {
text-decoration: none;
border-bottom: 1px dotted;
}

.widget ul {
padding: 0 20px 0 40px;
}

.widget ul ul {
padding: 0 0 0 15px;
}

.widget ul li a {
text-decoration: none;
}

.widget #searchform {
margin: 0 20px 20px;
}

.widget.widget_search {
padding: 10px 0 0;
}

.widget.widget_search .widget-title {
padding-top: 0;
}

.widget.widget_search #searchform {
margin-bottom: 10px;
}

.widget.widget_search #site-search {
width: 100%;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

.widget .tagcloud {
padding: 0 20px 20px;
line-height: 1.3;
text-align: center;
}

.widget-title .rsswidget {
text-decoration: none;
border-bottom: 1px dotted;
}

.rsswidget img {
background: none;
padding: 0;
display: inline-block;
margin: 0;
}

.widget_rss ul {
list-style: none;
padding: 0 20px;
}

ul .rsswidget {
font-size: 120%;
line-height: 1;
font-family: ‘Lato’, sans-serif;
font-weight: 700;
}

ul .rsswidget:hover {
margin: 0 !important;
}

.rss-date {
clear: both;
font-size: 90%;
color: #333;
font-family: ‘Lato’, sans-serif;
font-weight: 300;
display: block;
}

.widget_rss cite {
font-style: italic;
}

.mb_featured_posts .widget-title {
margin-bottom: 20px;
}

.mb_featured_posts article {
float: none;
clear: both;
margin-bottom: 20px;
border: 0 !important;
}

.mb_featured_posts article .entry-content {
border-bottom: 1px solid #e2e2e2;
padding-bottom: 10px;
}

.mb_featured_posts article:last-child {
margin-bottom: 0;
}

.mb_featured_posts article:last-child .entry-content {
border: 0;
}

.mb_featured_posts .entry-title {
font-size: 24px;
line-height: 30px;
}

.mb_featured_posts .entry-meta {
font-size: 13px;
line-height: 15px;
}

/* =Footer
————————————————————– */
#footer {
border-top: 1px solid #000;
background: #444;
text-shadow: 1px 1px 0 #000;
color: #fff;
font-size: 85%;
}

#footer .row {
margin-bottom: 0;
}

#footer a {
color: #fff;
border-bottom: 1px dotted;
text-decoration: none;
}

#footer .fr {
position: relative;
}

#footer .icon-leaf {
margin-right: 10px;
font-size: 28px;
position: absolute;
top: -2px;
left: -32px;
-webkit-transform: rotate(-5deg);
-moz-transform: rotate(-5deg);
transform: rotate(-5deg);
}

/* =Sticky Footer
————————————————————– */
html, body {
height: 100%;
}

#page {
-moz-box-shadow: 0 0 10px rgba(0,0,0,0.2);
-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.2);
box-shadow: 0 0 10px rgba(0,0,0,0.2);
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -45px;
}

#main {
margin-bottom: 0;
padding-bottom: 60px;
}

#footer {
height: 45px;
}

/* =Videos
————————————————————– */
video {
max-width: 100%;
height: auto;
}

.responsive-video-wrapper {
width: 100%;
position: relative;
padding: 0;
}

.responsive-video-wrapper iframe,
.responsive-video-wrapper object,
.responsive-video-wrapper embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

/* =WordPress Core
————————————————————– */
.alignnone {
margin: 5px 20px 20px 0;
}

.aligncenter, div.aligncenter {
display:block;
margin: 5px auto 5px auto;
}

.alignright {
float:right;
margin: 5px 0 20px 20px;
}

.alignleft {
float:left;
margin: 5px 20px 20px 0;
}

.aligncenter {
display: block;
margin: 5px auto 5px auto;
}

a img.alignright {
float:right;
margin: 5px 0 20px 20px;
}

a img.alignnone {
margin: 5px 20px 20px 0;
}

a img.alignleft {
float:left;
margin: 5px 20px 20px 0;
}

a img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto
}

.wp-caption {
background: #f6f6f6;
border: 1px solid #e2e2e2;
max-width: 100%;
padding: 10px 10px 5px;
text-align: center;
margin-bottom: 20px !important;
max-width: 100%;
}

.widget .wp-caption {
background: #e2e2e2;
border-color: #ddd;
}

.wp-caption a {
display: block;
border: 0;
}

.wp-caption.alignnone {
margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
margin: 5px 0 20px 20px;
}

.wp-caption img {
border: 0 none;
margin:0;
padding: 0;
display: inline-block;
}

.wp-caption p.wp-caption-text {
font-size: 80%;
margin:0;
padding:0 4px 5px;
}

.wp-smiley {
padding: 0;
border: 0 !important;
background: none;
}

#wp-calendar th,
#wp-calendar tbody td {
text-align: center;
padding: 6px 0;
}

/* =Admin bar fix
————————————————————– */
#wp-admin-bar-theme_previews .ab-item { height: auto !important; }
#admin-bar-premium-themes { float: left; }
#admin-bar-premium-themes p { color: #000 !important; }
#admin-bar-premium-themes p.top-p { margin-top: 10px !important; }
#admin-bar-premium-themes p, #admin-bar-premium-themes a { text-shadow: none !important; }
#admin-bar-premium-themes a { padding: 0 !important; margin-bottom: 10px !important; display: inline-block !important; }
#admin-bar-premium-themes img { margin: 5px; border: 1px solid #ccc; }

/* =bbPress & BuddyPress
————————————————————– */
#bbpress-forums #bbp-your-profile fieldset label[for] {
width: 25%;
}

#bbpress-forums #bbp-your-profile fieldset input,
#bbpress-forums #bbp-your-profile fieldset textarea,
#bbpress-forums #bbp-your-profile fieldset fieldset.password {
width: 75%;
}

#bbpress-forums .avatar,
.wp_themeSkin * {
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box;
}

#bbpress-forums .wp-switch-editor {
height: 26px !important;
border-bottom-color: #ccc;
border-bottom-style: solid;
}

#bbpress-forums .html-active .switch-html,
#bbpress-forums .tmce-active .switch-tmce {
border-bottom-color: #f4f4f4;
}

.entry-content .bbp-author-avatar,
#bbpress-forums .vcard a,
#buddypress .item-nav a,
#buddypress .item-list-tabs a,
#whats-new-avatar a,
.bp_members .entry-content {
border: 0;
}

#buddypress .item-nav,
#buddypress .item-list-tabs {
font-size: 12px;
}

.bbp-reply-content p,
.bbp-topic-content p {
margin-top: 0;
}

.bp_members .entry-title,
.bp_activity .entry-title {
margin-bottom: 10px;
}

/* =Media query for 960 Screens – sets nested grids to 100%
————————————————————– */
@media only screen and (max-width:960px){
.row .row .c1,.row .row .c2,.row .row .c3,.row .row .c4,.row .row .c5,.row .row .c6,.row .row .c7,.row .row .c8,.row .row .c9,.row .row .c10,.row .row .c11,.row .row .c12{width:100%;margin-bottom:20px}
.row .row > div:last-child,.two-col-wrapper{margin-bottom:0 !important}
.two-col-wrapper.border{border:0}
.two-col-wrapper,.three-col-wrapper{background-image:none}
.two-col .entry-content,.three-col .entry-content,.two-col header,.two-col.format-quote .entry-content,.three-col header,.three-col.format-quote .entry-content{border-top:0 !important;padding-top:0}
.two-col .entry-content,.three-col .entry-content{border-bottom:1px solid #E2E2E2}
.single .entry-content{border-bottom: 0 !important}
.border{display:none}
}

/* =Media query for iPad and tablets
————————————————————– */
@media handheld, only screen and (max-width: 768px), only screen and (max-device-width: 768px) and (orientation:portrait){
.row,#header .c12{margin-bottom:0!important}
.c1,.c2,.c3,.c4,.c5,.c6,.c7,.c8,.c9,.c10,.c11,.c12{margin-right:0;margin-left:0;margin-bottom:20px}
.c1,.c2,.c3,.c4,.c5,.c6,.c7,.c8,.c9,.c10,.c11,.c12,.header-group,.header-widget{width:100%}
#main,.header-widget{margin-top:0}
.gallery-item img{width:140px}
#page{margin-bottom:-62px}
.left-sidebar #secondary,#left-nav{position:absolute;top:0;left:-260px;width:260px;padding:0}
#footer .icon-leaf,.header-widget.widget_search,#site-navigation,#site-sub-navigation{display:none}
#site-sub-navigation{border:0;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none}
#mobile-menu{display:block}
.format-status .entry-content{margin-bottom:0}
#footer{height:63px}
#footer-content span{display:block;float:none;text-align:center}
#footer .copyright{margin-bottom:10px}
}

Hi Jan,

I don’t think I have deleted them from the server as I just changed the CSS.

I don’t have a copy of the original CSS, which is a pain.

If I replace the font name back to FontAwesome they are not there either. I am not quite sure how to check.

Sorry, I mean TOUCHFOLIO not TOUCHPOINT

I have and to no avail had a response. I have done lots of searches on Google.