The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

 
Reply to this topicStart new topic
> Jasmine Tumblr Theme
merryn
post Jun 19 2016, 03:40 AM
Post #1





Group: Members
Posts: 8
Joined: 19-June 16
Member No.: 24,344



Hi there

I am trying to customise my Tumblr theme so that when I post a photo, the heading shows over top of the photo on the main page like this;
http://i.imgur.com/LQkv088.png)

Currently I only get something like this; http://i.imgur.com/RvfIQhz.png),

I think I just have to add this code somewhere; <h2>Heading</h2> , but i'm not sure where.

Help!


This is the code I have ;


<html lang="{block:English}en{/block:English}{block:French}fr{/block:French}{block:German}de{/block:German}{block:Japanese}ja{/block:Japanese}{block:Italian}it{/block:Italian}{block:Spanish}es{/block:Spanish}{block:Polish}pl{/block:Polish}" xmlns:fb="http://ogp.me/ns/fb#">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1"/>

<title>

{block:IndexPage} {Title} &mdash; {PlaintextDescription}{/block:IndexPage}
{block:PermalinkPage}{block:PostSummary} {PlaintextPostSummary} &mdash; {Title}{/block:PostSummary}{block:PermalinkPage}
{block:SearchPage} {lang:Search results for SearchQuery} &mdash; {Title}{/block:SearchPage}

</title>
{block:Description}
<meta name="description" content="{MetaDescription}">
{/block:Description}
{block:PermalinkPage}
{block:Posts}
{block:Date}
<link rel="canonical" href="{Permalink}">
<link rel="shortlink" href="{ShortURL}">
{/block:Date}
{/block:Posts}
{/block:PermalinkPage}

<!-- Boolean Options -->

<!-- ########## Basic Option #################3 -->
<meta name="if:Fixed Navigation" content="0" />
<meta name="if:Use Sidebar Single Page" content="1" />
<meta name="if:Show Title Blog" content="1" />
<meta name="if:Show Logo" content="1" />
<meta name="if:Show Description Blog" content="0" />
<meta name="if:Retina Display" content="0" />
<meta name="if:Show Header Socmed" content="1" />
<meta name="if:Show Footer Socmed" content="1" />
<meta name="if:Post Like Button" content="1" />
<meta name="if:Post Reblog Button" content="1" />
<meta name="if:Post Time Stamp" content="1" />
<meta name="if:Post Notes Count" content="1" />
<meta name="if:Post Share Button" content="1" />
<meta name="if:Post Tags" content="1" />
<meta name="if:Lightbox Frame" content="1" />
<meta name="if:Use Infinite Scrolling" content="0" />

<!-- ################# Custom Navigation Option ############3 -->
<meta name="if:Show Custom Dropdown Link" content="0" />
<meta name="text:Custom Link Title" content="Custom Navigation" />

<meta name="if:Show Custom Link 1" content="0" />
<meta name="text:Custom Link 1" content="Link 1" />
<meta name="text:Custom Link Url 1" content="Link Url 1" />

<meta name="if:Show Custom Link 2" content="0" />
<meta name="text:Custom Link 2" content="Link 2" />
<meta name="text:Custom Link Url 2" content="Link Url 2" />

<meta name="if:Show Custom Link 3" content="0" />
<meta name="text:Custom Link 3" content="Link 3" />
<meta name="text:Custom Link Url 3" content="Link Url 3" />

<meta name="if:Show Custom Link 4" content="0" />
<meta name="text:Custom Link 4" content="Link 4" />
<meta name="text:Custom Link Url 4" content="Link Url 4" />

<meta name="if:Show Custom Link 5" content="0" />
<meta name="text:Custom Link 5" content="Link 5" />
<meta name="text:Custom Link Url 5" content="Link Url 5" />

<meta name="if:Show Custom Link 6" content="0" />
<meta name="text:Custom Link 6" content="Link 6" />
<meta name="text:Custom Link Url 6" content="Link Url 6" />

<meta name="if:Show Custom Link 7" content="0" />
<meta name="text:Custom Link 7" content="Link 7" />
<meta name="text:Custom Link Url 7" content="Link Url 7" />

<!-- ########### Widget Option ################-->

<!-- Profile Widget -->
<meta name="if:Show Profile Widget" content="1" />
<meta name="text:Title Author" content="About Me"/>
<meta name="text:Nickname" content=""/>
<meta name="text:Bio Description" content=""/>

<!-- Subscribe Social Button Widget -->

<meta name="if:Show Subscribe Count Widget" content="1" />
<meta name="if:Show Subscribe Facebook Count Widget" content="1" />
<meta name="if:Show Subscribe Twitter Count Widget" content="1" />
<meta name="if:Show Subscribe Instagram Count Widget" content="1" />
<meta name="if:Show Subscribe Pinterest Count Widget" content="1" />
<meta name="if:Show Subscribe Youtube Count Widget" content="1" />
<meta name="if:Show Subscribe RSS Count Widget" content="1" />

<meta name="text:Subscribe Count Title" content="Social Subscribe Widget"/>
<meta name="text:Subscribe Facebook Count Fans" content="100K"/>
<meta name="text:Subscribe Facebook Description" content="Likes Us on Facebook"/>
<meta name="text:Subscribe Twitter Count Fans" content="100K"/>
<meta name="text:Subscribe Twitter Description" content="Follow Us on Twitter"/>
<meta name="text:Subscribe Instagram Count Fans" content="100K"/>
<meta name="text:Subscribe Instagram Description" content="Follow Us on Instagram"/>

<meta name="text:Subscribe RSS Count Fans" content="100K"/>
<meta name="text:Subscribe RSS Description" content="Subscribe Us on RSS"/>
<meta name="text:Subscribe Pinterest Count Fans" content="100K"/>
<meta name="text:Subscribe Pinterest Description" content="Follow Us on Pinterest"/>
<meta name="text:Subscribe Youtube Count Fans" content="100K"/>
<meta name="text:Subscribe Youtube Description" content="Subscribe Us on Youtube"/>

<!-- Navigation Widget -->

<meta name="if:Show Navigation Widget" content="1" />
<meta name="text:Navigation Text" content="Navigation"/>

<!-- Search Widget -->
<meta name="if:Show Search Widget" content="1" />


<!-- Twitter Widget -->

<meta name="if:Show Twitter Feed" content="1" />
<meta name="text:Twitter Title" content="Twitter Feed"/>
<meta name="text:Tweet Count" content="3"/>
<meta name="text:Twitter Username" content=""/>

<!-- Flickr Feed Widget -->

<meta name="if:Show Flickr Feed" content="1" />
<meta name="text:Flickr Title" content="Flickr Feed"/>
<meta name="text:Flickr ID" content=""/>
<meta name="text:Flickr Count" content="6"/>

<!-- Dribbble Feed Widget -->

<meta name="if:Show Dribbble Feed" content="1" />
<meta name="text:Dribbble Title" content="Dribbble Shots"/>
<meta name="select:Type Dribbble Shots" content="debuts"/>
<meta name="select:Type Dribbble Shots" content="attachments"/>
<meta name="select:Type Dribbble Shots" content="teams"/>
<meta name="select:Type Dribbble Shots" content="playoffs"/>
<meta name="select:Type Dribbble Shots" content="rebounds"/>
<meta name="select:Type Dribbble Shots" content="animated"/>
<meta name="text:Dribbble Count" content="6"/>

<!-- Instagram Feed Widget -->

<meta name="if:Show Instagram Feed" content="1" />
<meta name="text:Instagram Title" content="Instagram Feed"/>
<meta name="text:Instagram User ID" content=""/>
<meta name="text:Instagram Access Token" content=""/>

<!-- Subscribe E-mail Widget -->
<meta name="if:Show Subscribe eMail Widget" content="1" />
<meta name="if:Use MailChimp" content="0"/>
<meta name="text:Subscribe Caption" content="Daily Tumblr News"/>
<meta name="text:Subscribe Description" content="Receive the latest news via email."/>
<meta name="text:Feedburner Link" content=""/>
<meta name="text:MailChimp Embeded" content=""/>

<!-- Ads Widget -->

<meta name="if:Use Ads Type Banner" content="0" />
<meta name="if:Show Ads Header" content="0" />
<meta name="text:Header Banner Url" content=""/>
<meta name="text:Ads Header Script" content=""/>

<meta name="if:Show Ads Sidebar" content="0" />
<meta name="text:Sidebar Banner Url" content=""/>
<meta name="text:Ads Sidebar Title" content="Ads 300"/>
<meta name="text:Ads Sidebar Script" content=""/>
<!-- Facebook Page Widget -->

<meta name="if:Show Facebook Page" content="1" />
<meta name="text:Facebook Page Title" content="Facebook Page"/>
<meta name="text:Facebook Page Url" content=""/>

<!-- Pinterest Widget -->

<meta name="if:Show Pinterest Widget" content="0" />
<meta name="text:Widget Pinterest Title" content="Pinterest"/>
<meta name="text:Pinterest Profile Url" content="http://www.pinterest.com/pinterest"/>

<!-- Text Widget -->

<meta name="if:Show Text Widget" content="0" />
<meta name="text:Widget Text Title" content="Text Widget"/>
<meta name="text:Widget Text Content" content=""/>

<!-- Tags Widget -->

<meta name="if:Show Tags Cloud" content="1" />
<meta name="text:Tags Limit" content="10"/>
<meta name="text:Widget Text Title" content="Text Widget"/>
<meta name="text:Widget Text Content" content=""/>


<!-- ############ Theme Color Options ################## -->
<meta name="color:Body Background Color" content="#fcf6f4" />
<meta name="color:Accent Color" content="#e89e8c" />
<meta name="color:Heading Color" content="#151616" />
<meta name="color:Paragraph Color" content="#666666" />
<meta name="color:Quote Background" content="#dedede" />
<meta name="color:Link Background" content="#5bc2b0" />
<meta name="color:Text Background" content="#dedede" />
<meta name="color:Chat Background" content="#5bc2b0" />

<!-- ################# Social Button #############-->
<!---- Twitter --->
<meta name="if:Show Twitter Button" content="1" />
<meta name="text:Socmed Twitter Link" content=""/>

<!---- Facebook --->
<meta name="if:Show Facebook Button" content="1" />
<meta name="text:Socmed Facebook Link" content=""/>

<!---- Dribbble --->
<meta name="if:Show Dribbble Button" content="1" />
<meta name="text:Socmed Dribbble Link" content=""/>

<!---- Instagram --->
<meta name="if:Show Instagram Button" content="1" />
<meta name="text:Socmed Instagram Link" content=""/>

<!---- Flickr --->
<meta name="if:Show Flickr Button" content="0" />
<meta name="text:Socmed Flickr Link" content=""/>

<!---- Google Plus --->
<meta name="if:Show GooglePlus Button" content="0" />
<meta name="text:Socmed Googleplus Link" content=""/>

<!---- Behance --->
<meta name="if:Show Behance Button" content="0" />
<meta name="text:Socmed Behance Link" content=""/>

<!---- Pinterest --->
<meta name="if:Show Pinterest Button" content="0" />
<meta name="text:Socmed Pinterest Link" content=""/>

<!---- Github --->
<meta name="if:Show Github Button" content="0" />
<meta name="text:Socmed Github Link" content=""/>

<!---- Youtube --->
<meta name="if:Show Youtube Button" content="0" />
<meta name="text:Socmed Youtube Link" content=""/>

<!---- Soundcloud --->
<meta name="if:Show Soundcloud Button" content="0" />
<meta name="text:Socmed Soundcloud Link" content=""/>

<!---- LinkedIn --->
<meta name="if:Show Linkedin Button" content="0" />
<meta name="text:Socmed LinkedIn Link" content=""/>

<!---- Reddit --->
<meta name="if:Show Reddit Button" content="0" />
<meta name="text:Socmed Reddit Link" content=""/>

<!---- Email --->
<meta name="if:Show Email Button" content="0" />
<meta name="text:Socmed EMail Address" content=""/>

<!---- Vimeo --->
<meta name="if:Show Vimeo Button" content="0" />
<meta name="text:Socmed Vimeo Link" content=""/>

<!---- Foursquare --->
<meta name="if:Show Foursquare Button" content="0" />
<meta name="text:Socmed Foursquare Link" content=""/>

<!---- StackOverflow --->
<meta name="if:Show Stackoverflow Button" content="0" />
<meta name="text:Socmed StackOverflow Link" content=""/>

<!---- Skype --->
<meta name="if:Show Skype Button" content="0" />
<meta name="text:Socmed Skype Link" content=""/>

<!---- Bloglovin --->
<meta name="if:Show Bloglovin Button" content="0" />
<meta name="text:Socmed Bloglovin Link" content=""/>

<!---- RSS Feed --->
<meta name="if:Show RSS Button" content="0" />
<meta name="text:Socmed RSS Link" content=""/>

<!---- Copyright --->
<meta name="text:Copyright" content="Made with love and passion in Malang"/>

<!-- ############ Select Options ###################-->

<!---- Body Fonts --->
<meta name="select:Body Font" content="Lato" title="Lato" />
<meta name="select:Body Font" content="Crimson Text" title="Crimson Text" />
<meta name="select:Body Font" content="PT Serif" title="PT Serif" />
<meta name="select:Body Font" content="Noto Serif" title="Noto Serif" />
<meta name="select:Body Font" content="Noto Sans" title="Noto Sans" />
<meta name="select:Body Font" content="Open Sans" title="Open Sans" />
<meta name="select:Body Font" content="Merriweather" title="Merriweather" />
<meta name="select:Body Font" content="Exo" title="Exo" />
<meta name="select:Body Font" content="Oswald" title="Oswald" />
<meta name="select:Body Font" content="Raleway" title="Raleway" />
<meta name="select:Body Font" content="Helvetica Neue" title="Helvetica Neue"/>
<meta name="select:Body Font" content="Abel" title="Abel"/>
<meta name="select:Body Font" content="Alegreya Sans" title="Alegreya Sans"/>
<meta name="select:Body Font" content="Arial" title="Arial"/>
<meta name="select:Body Font" content="courier new" title="Courier"/>
<meta name="select:Body Font" content="Domine" title="Domine"/>
<meta name="select:Body Font" content="Droid Sans" title="Droid Sans"/>
<meta name="select:Body Font" content="Georgia" title="Georgia"/>
<meta name="select:Body Font" content="helvetica" title="Helvetica"/>
<meta name="select:Body Font" content="Karla" Title="Karla"/>
<meta name="select:Body Font" content="Mako" title="Mako"/>
<meta name="select:Body Font" content="Montserrat" title="Montserrat"/>
<meta name="select:Body Font" content="Noto Sans" title="Noto Sans"/>
<meta name="select:Body Font" content="PT Mono" title="PT Mono"/>
<meta name="select:Body Font" content="Raleway" title="Raleway"/>
<meta name="select:Body Font" content="Roboto Slab" title="Roboto Slab"/>
<meta name="select:Body Font" content="Rokkitt" title="Rokkitt"/>
<meta name="select:Body Font" content="Ropa Sans" title="Ropa Sans"/>
<meta name="select:Body Font" content="Source Sans Pro" title="Source Sans Pro"/>
<meta name="select:Body Font" content="Times New Roman" title="Times New Roman"/>
<meta name="select:Body Font" content="Lobster Two" title="Lobster Two" />
<meta name="select:Body Font" content="Playfair Display" title="Playfair Display" />
<meta name="select:Body Font" content="Lora" title="Lora" />

<!---- Heading Fonts --->
<meta name="select:Heading Font" content="Crimson Text" title="Crimson Text" />
<meta name="select:Heading Font" content="Lato" title="Lato" />
<meta name="select:Heading Font" content="Playfair Display" title="Playfair Display" />
<meta name="select:Heading Font" content="PT Serif" title="PT Serif" />
<meta name="select:Heading Font" content="Noto Serif" title="Noto Serif" />
<meta name="select:Heading Font" content="Noto Sans" title="Noto Sans" />
<meta name="select:Heading Font" content="Open Sans" title="Open Sans" />
<meta name="select:Heading Font" content="Oswald" title="Oswald" />
<meta name="select:Heading Font" content="Merriweather" title="Merriweather" />
<meta name="select:Heading Font" content="Exo" title="Exo" />
<meta name="select:Heading Font" content="Helvetica Neue" title="Helvetica Neue"/>
<meta name="select:Heading Font" content="Abel" title="Abel"/>
<meta name="select:Heading Font" content="Alegreya Sans" title="Alegreya Sans"/>
<meta name="select:Heading Font" content="Arial" title="Arial"/>
<meta name="select:Heading Font" content="courier new" title="Courier"/>
<meta name="select:Heading Font" content="Domine" title="Domine"/>
<meta name="select:Heading Font" content="Droid Sans" title="Droid Sans"/>
<meta name="select:Heading Font" content="Georgia" title="Georgia"/>
<meta name="select:Heading Font" content="helvetica" title="Helvetica"/>
<meta name="select:Heading Font" content="Karla" Title="Karla"/>
<meta name="select:Heading Font" content="Mako" title="Mako"/>
<meta name="select:Heading Font" content="Montserrat" title="Montserrat"/>
<meta name="select:Heading Font" content="Noto Sans" title="Noto Sans"/>
<meta name="select:Heading Font" content="PT Mono" title="PT Mono"/>
<meta name="select:Heading Font" content="Raleway" title="Raleway"/>
<meta name="select:Heading Font" content="Roboto Slab" title="Roboto Slab"/>
<meta name="select:Heading Font" content="Rokkitt" title="Rokkitt"/>
<meta name="select:Heading Font" content="Ropa Sans" title="Ropa Sans"/>
<meta name="select:Heading Font" content="Source Sans Pro" title="Source Sans Pro"/>
<meta name="select:Heading Font" content="Times New Roman" title="Times New Roman"/>
<meta name="select:Heading Font" content="Lobster Two" title="Lobster Two" />
<meta name="select:Heading Font" content="Lora" title="Lora" />

<!---- Logo Fonts --->
<meta name="select:Logo Font" content="Oswald" title="Oswald" />
<meta name="select:Logo Font" content="Lobster Two" title="Lobster Two" />
<meta name="select:Logo Font" content="PT Serif" title="PT Serif" />
<meta name="select:Logo Font" content="Noto Serif" title="Noto Serif" />
<meta name="select:Logo Font" content="Noto Sans" title="Noto Sans" />
<meta name="select:Logo Font" content="Lato" title="Lato" />
<meta name="select:Logo Font" content="Open Sans" title="Open Sans" />
<meta name="select:Logo Font" content="Merriweather" title="Merriweather" />
<meta name="select:Logo Font" content="Exo" title="Exo" />
<meta name="select:Logo Font" content="Helvetica Neue" title="Helvetica Neue"/>
<meta name="select:Logo Font" content="Abel" title="Abel"/>
<meta name="select:Logo Font" content="Alegreya Sans" title="Alegreya Sans"/>
<meta name="select:Logo Font" content="Arial" title="Arial"/>
<meta name="select:Logo Font" content="courier new" title="Courier"/>
<meta name="select:Logo Font" content="Domine" title="Domine"/>
<meta name="select:Logo Font" content="Droid Sans" title="Droid Sans"/>
<meta name="select:Logo Font" content="Georgia" title="Georgia"/>
<meta name="select:Logo Font" content="helvetica" title="Helvetica"/>
<meta name="select:Logo Font" content="Karla" Title="Karla"/>
<meta name="select:Logo Font" content="Mako" title="Mako"/>
<meta name="select:Logo Font" content="Montserrat" title="Montserrat"/>
<meta name="select:Logo Font" content="Noto Sans" title="Noto Sans"/>
<meta name="select:Logo Font" content="PT Mono" title="PT Mono"/>
<meta name="select:Logo Font" content="Raleway" title="Raleway"/>
<meta name="select:Logo Font" content="Roboto Slab" title="Roboto Slab"/>
<meta name="select:Logo Font" content="Rokkitt" title="Rokkitt"/>
<meta name="select:Logo Font" content="Ropa Sans" title="Ropa Sans"/>
<meta name="select:Logo Font" content="Source Sans Pro" title="Source Sans Pro"/>
<meta name="select:Logo Font" content="Times New Roman" title="Times New Roman"/>
<meta name="select:Logo Font" content="Playfair Display" title="Playfair Display" />
<meta name="select:Logo Font" content="Crimson Text" title="Crimson Text" />
<meta name="select:Logo Font" content="Lora" title="Lora" />

<!-- ########### Theme Image Options ############### -->
<meta name="image:Custom Favicon" content="" />
<meta name="image:Logo" content="" />
<meta name="image:Logo Retina" content="" />
<meta name="image:Body Background" content="" />
<meta name="image:Header Banner Ads" content="" />
<meta name="image:Sidebar Banner Ads" content="" />

<meta name='text:Disqus Shortname' content="" />
<meta name="text:Google Analytics ID" content=""/>

<!-- CSS -->
<link href='http://static.tumblr.com/3zmswwt/ccImzt11a/icon-embedded.css' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="http://static.tumblr.com/dkwujez/iXKnsslh8/bootstrap.min.css" />
<link rel="stylesheet" href="http://static.tumblr.com/dkwujez/WI7nsslyh/owl.carousel.css" />
<link rel="stylesheet" href="http://static.tumblr.com/dkwujez/oOEnsslyn/owl.theme.css" />

<!-- Font CSS -->
<link href='//fonts.googleapis.com/css?family={select:Body Font}:400,400italic,700,700italic|{select:Heading Font}:300,400,700,900|{select:Logo Font}:300,400,700,900' rel='stylesheet' type='text/css'>
<link href='//netdna.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css' rel='stylesheet'/>
<!-- Fav Icon -->
<link rel="shortcut icon" href="{image:Custom Favicon}">
<!-- RSS Feed -->
<link rel="alternate" type="application/rss+xml" href="{RSS}">
<style>

/* ------------------------------------------------------
Theme Name: Jasmine
Theme URI: http://tmint.co
Description: Simple Grid Personal Blogging Theme
Author: TMint Creative
Author URI: http://tmint.co
Version: 1.04
----------------------------------------------------------*/

/* Global reset */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:700;font-family:'{select:Heading Font}'; word-wrap: break-word;}
q:before, q:after { content:''}

/* Global reset-RESET */
strong { font-weight: bold }
em { font-style: italic }
a img { border:none }
.blog-article ol, .blog-article ul{padding-left:20px}
.blog-article li{word-wrap:break-word;}

/**/

body {
font-family:"{select:Body Font}", sans-serif;
font-size:14px;
color:#242424;
background:#fff;
}
a{
-moz-transition:all 0.2s ease-in-out;
-webkit-transition:all 0.2s ease-in-out;
transition:all 0.2s ease-in-out;
word-wrap: break-word;
color:{color:Accent Color};
outline:none !important;
text-decoration:none;
}
a:hover{color:{color:Heading Color};}
p{
font-family:"{select:Body Font}";
line-height:1.7em;
font-size:14px;
color:{color:Paragraph Color};
margin-bottom:30px;
word-wrap: break-word;
}
blockquote{
padding-left:40px;
border-left:3px solid #eaeaea;
color:#a0a0a0;
font-size:16px;
line-height:1.7em;
font-style:italic;
margin-bottom:30px;

}
blockquote p{
color:#a0a0a0;
font-size:18px;
line-height:1.7em;
font-style:italic;
}
h1{font-size:36px;line-height:1.7em;}
h2{font-size:30px;line-height:1.7em;}
h3{font-size:24px;line-height:1.5em;}
h4{font-size:18px;line-height:1.5em;}
h5{font-size:16px; line-height:1.5em;}
h6{font-size:14px; line-height:1.5em;}
/* ---------------------------------------------
Moccalabs Main Style Template
------------------------------------------------ */
body{
background-color:{color:Body Background Color};
color:{color:Heading Color};
text-rendering: optimizeSpeed;

}
img{max-width:100%;}
/* ------------------------
Accent Color
--------------------------*/
.fixed-nav{padding-top:75px;}
.fixed-nav #mocca-header{
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 100;

}
#mocca-nav .menu li a:hover,
#mocca-nav ul.menu ul a:hover,
#mocca-nav .menu ul ul a:hover,
.widget.popular-post .popular-article li .popular-desc .category a,
#mocca-social-footer .social-links li a:hover,
#mocca-social-header ul li a:hover,
#information span,
.blog-title .category a {
color: {color:Accent Color};
}
/* -- Header -- */
#mocca-header{
background-color:#fff;
width:auto;
min-height:70px;
padding:10px 0;
}
#mocca-nav:after{display:table;content:'';clear:both;}
#mocca-nav .menu {
float:left;
}
#mocca-nav .menu li {
display:inline-block;
margin-right:31px;
position:relative;
}
#mocca-nav .menu li#mobile-menu{display:none;}
#mocca-nav .menu li#mobile-menu a{font-size:20px;}
#mocca-nav .menu li a {
color:{color:Heading Color};
line-height:50px;
font-size:12px;
font-weight:500;
letter-spacing:1.5px;
text-transform:uppercase;
text-decoration:none;
font-family:{select:Heading Font},serif;
display:block;
-o-transition:.25s;
-ms-transition:.25s;
-moz-transition:.25s;
-webkit-transition:.25s;
transition:.25s;
}
#mocca-nav .menu > li.menu-item-has-children > a:after {
font-family: FontAwesome;
content: "\f107";
margin-left:7px;
color:#999;
font-size:13px;
}

/* Dropdown **********/
#mocca-nav .menu .sub-menu,
#mocca-nav .menu .children {
background-color: #ffffff;
display: none;
padding: 0;
position: absolute;
margin-top:0;
left: 0;
z-index: 99999;

}
#mocca-nav .menu > li > .sub-menu{
border-top:10px solid transparent;
}
#mocca-nav ul.menu ul a,
#mocca-nav .menu ul ul a {
color: {color:Heading Color};
margin: 0;
font-size:11px;
letter-spacing:0.5px;
padding: 6px 10px;
min-width: 175px;
line-height:20px;
-o-transition:.25s;
-ms-transition:.25s;
-moz-transition:.25s;
-webkit-transition:.25s;
transition:.25s;
border-top:1px solid;
border-color:#f9f9f9;

}

#mocca-nav ul.menu ul li,
#mocca-nav .menu ul ul li {
padding-right:0;
margin-right:0;
}


#mocca-nav ul.menu li:hover > ul,
#mocca-nav .menu ul li:hover > ul {
display: block;
}

#mocca-nav .menu .sub-menu ul,
#mocca-nav .menu .children ul {
left: 100%;
top: 0;

}
#mocca-social-header ul{
padding:10px 0;
margin:0;
display:block;
text-align:right;
}
#mocca-social-header ul li{
list-style:none;
display:inline-block;
margin-left:20px;
}
#mocca-social-header ul li a{
font-size:20px;
color:{color:Heading Color};
text-decoration:none;
}
#mocca-logo{
text-align:center;
margin:100px auto;
}
/* -- Content Container --*/
.single{margin-left:-30px;margin-right:-30px;}
.single > article,
.single > aside{padding-left:30px;padding-right:30px;}

/* -- Blog Post Content */
#block-article > div{
background:#fff;
margin-bottom:60px;
}
#block-article > div img{margin-bottom:30px;}
.blog-title{
padding:60px 60px 30px 60px;
}
.blog-title h2{margin-bottom:30px;}
.blog-title h2 a{
color:{color:Heading Color};
text-transform:uppercase;
font-weight:700;
letter-spacing:1.5px;
font-family:{select:Heading Font};
text-decoration:none;

}
.blog-title .category a{
text-decoration:none;
font-size:12px;
letter-spacing:1.5px;
font-family:{select:Heading Font};
text-transform:uppercase;
font-weight:bold;
}
.block-featured{margin-bottom:60px;}
.block-featured img{display:block;margin:0 auto;}
.blog-article{
padding:0px 60px 30px 60px;

}
.blog-article h1,
.blog-article h2,
.blog-article h3,
.blog-article h4,
.blog-article h5,
.blog-article h6{line-height:1.5em;margin-bottom:20px;}

.tags-articles{
display:block;
margin:0 0 60px 0;
padding:0 60px;
clear:both;
}
.tags-articles ul{padding:0;margin:0;}
.tags-articles ul li{
padding:0;
margin:0 6px 0 0;
display:inline-block;
}
.tags-articles ul li a{
display:block;
font-size:10px;
letter-spacing:1.5px;
font-family:{select:Heading Font};
color:#999999;
border:1px solid #eaeaea;
border-radius:15px;
padding:5px 10px;
text-decoration:none;
text-transform:uppercase;

}
.tags-articles ul li a:hover{background:#eaeaea;color:{color:Heading Color};}
.share-button{
width:100%;
display:block;
}
.share-button ul{padding:0;margin:0 -1px 0 0;}
.share-button ul:after{content:'';display:table;clear:both;}
.share-button ul li{display:table;float:left;list-style:none;width:25%;}
.share-button ul li a{
display:table-cell;
height:50px;
text-align:center;
font-size:14px;
letter-spacing:1.5px;
text-transform:uppercase;
color:#fff;
font-family:{select:Heading Font};
text-decoration:none;
vertical-align:middle;
}
.share-button ul li a i{font-size:30px;margin-right:10px;}
.share-button ul li.facebook a{background-color:#6399c4;}
.share-button ul li.twitter a{background-color:#49d7ce;}
.share-button ul li.pinterest a{background-color:#d13846;}
.share-button ul li.googleplus a{background-color:#dd6e58;}

.related-articles{ padding:60px 60px 20px 60px; }
.content-related{margin-top:30px;}
.content-related .row > div{margin-bottom:40px;}
.content-related .date a:before{content:'';display:table;clear:both;}
.content-related .date a{
display:block;
font-size:12px;
color:{color:Accent Color};
font-family:{select:Heading Font};
font-style:normal;
text-decoration:none;
margin:20px 0;
font-weight:bold;
text-transform:uppercase;
}
.content-related .title a{
text-transform:uppercase;
color:{color:Heading Color};
letter-spacing:0.5px;
font-size:13px;
line-height:1.5em;
margin-bottom:0;
text-decoration:none;
}
.image-related{overflow:hidden;max-height:150px;}
.image-related img{
width:auto;
height:150px;
max-width:none;
background-color:#F2F2F2;
text-align:center;
}
/* --- Next Prev -- */
.next-prev {
font-family: {select:Heading Font};
margin-bottom: 30px;
min-height: 110px;
padding:20px ;
}
.next-prev .next {
float: right;
padding-left: 30px;
padding-right: 75px;
text-align: right;
}
.next-prev .prev:last-child {
padding-left: 75px;
padding-right: 30px;
-webkit-box-shadow: -1px 0px 0 #f9f9f9 inset;
-moz-box-shadow: -1px 0px 0 #f9f9f9 inset;
box-shadow: -1px 0px 0 #f9f9f9 inset;
}
.next-prev a {
width: 50%;
display: inline-block;
text-decoration: none;
position: relative;
padding: 20px 0px;
min-height: 110px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.next-prev a:hover{background:#f9f9f9;}
.np-caption {
font-family: {select: Body Font};
font-size: 12px;
color: #9a9a9a;
font-style: italic;
margin-bottom: 10px;
letter-spacing: 1px;
}
.next-prev .np-title {
font-size: 14px;
text-transform: capitalize;
color: #333;
font-weight: bold;
letter-spacing: 1px;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
max-height:40px;
overflow:hidden;
}
.next-prev .prev i {
position: absolute;
font-size: 34px;
left: 20px;
top: 28px;
color: #eaeaea;
}
.next-prev .next i {
position: absolute;
font-size: 34px;
right: 20px;
top: 28px;
color: #eaeaea;
}
/* --- comments--- */

.comments-container{padding:60px;}
/*------------------COMMENT------*/
.mocca-comment-list{ padding : 60px 0; }
.mocca-comment-list ul li li {
margin-left: 90px;
}

.mocca-comment-list li{list-style: none;}
.comment-list .children{
padding-left: 0px;
}

.comment-list li.comment > div {
margin: 0;
padding: 0 0 0 90px;
margin-top: 20px;
position: relative;
width:100%;
}
.mocca-comment-list ul li.comment.parent > .comment-body{
border-bottom : none;
}



.mocca-comment-list {
margin-bottom: 40px;
}
#respond.comment-respond{ padding-top: 20px; position: relative;}

.mocca-comment-list li ul.children {
margin-bottom : 0;
}
.mocca-comment-list p.mocca_text.author{
color:rgb(177,177,177);
margin-bottom : 5px;
}
.mocca-comment-list p{
padding: 15px 0;
font-size:13px;
}
.mocca-comment-list p a{
color : #363636;
text-decoration : underline;
}
.mocca-comment-list ul li.comment > div .ava-wrapper{
background:rgb(229,229,229);
border-radius : 60px;
height : 60px;
left: 0;
position: absolute;
overflow : hidden;
top: 3px;
width : 60px;
}
.mocca-comment-list ul li.comment > div img.avatar {
height:60px;
padding : 0;
width:60px;
}
.mocca-comment-list ul li.comment > div span.avatar {
background-color : #ffa200;
display : block;
height:60px;
padding : 0;
width:60px;
}
.mocca_author.left span.author img.mocca_image
.mocca-comment-list span.author img.mocca_image{
width:100%;
height:100%;
}
.mocca-comment-list span.says,
.mocca-comment-list cite.fn,
.mocca-comment-list cite.fn a:hover,
.mocca-comment-list cite.fn a{
font-style:italic;
text-transform:capitalize;
font-weight: bold;
font-size:18px;
color:#363636;
vertical-align: baseline;
}
.mocca-comment-list .commentmetadata{
color:#a7a7a7;
display: inline-block;
font-size:12px;
margin-left : 20px;
}
.mocca-comment-list .commentmetadata a{
color:#a7a7a7;
text-decoration:none;
font-style:italic;
}
.mocca-comment-list .reply{
position: absolute;
right: 20px;
padding: 5px 10px;
background: #444444;
bottom: 20px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.mocca-comment-list .reply:hover{background: #e0e0e0;}
.mocca-comment-list .reply a,
.comment-reply-title,
.comment-reply-title a{
font-size:12px;
color:#ffffff;
}
.moccca-comment-list .reply a:hover{
font-size:12px;
color:rgb(125,209,85);
}
.mocca-comment-list .mocca_text.mocca_comment{
text-align:left;
width:100%;
font-size:14px;
color:#7c7c7c;
padding : 0;
}
.mocca-comment-list .mocca_text.mocca_comment a{ color:#404040 }
h3.comment-reply-title {
position: absolute;
right: 20px;
}

/*--- Comments Form -- */

/* Comment Form */

.comment-form .row{
margin : 0 -10px;
}
.comment-title{
text-transform:uppercase;
font-size:16px;
color:{color:Heading Color};
letter-spacing:1.5px;
margin-bottom:20px;

}
span.required,
.comment-sub-title{
font-size:12px;
font-style:italic;
color:#999999;
}
.comment-form .comment-col{
padding : 0 10px;
}
.comment-form .comment-col .comment-text:not(.textarea){width:50%;}
.comment-form .comment-col .comment-text.textarea{height:200px;}
.comment-form .comment-col .comment-text{
border: 1px solid #eaeaea;
background-color: #fff;
color : #a6a6a6;
letter-spacing:1.5px;
font-family:{select:Heading Font};
font-size:11px;
font-weight:500;
margin-bottom : 20px;
outline : none;
padding: 10px 20px;
width:100%;
-webkit-transition:all 0.3s;
-moz-transition:all 0.3s;
-ms-transition:all 0.3s;
-o-transition:all 0.3s;
transition:all 0.3s;
}

.comment-form .comment-col .comment-text:focus{
background-color : #f9f9f9;
border-color : #eaeaea;
}

.comment-form .comment-col textarea.comment-text{
max-height : 200px;
resize : none;
}

.comment-form .comment-col button.comment-button{
border: none;
background-color: #404040;
color: #c2c2c2;
font-size: 12px;
letter-spacing: 2px;
padding: 10px 15px;
text-align: center;
width: 170px;
display: block;
border-radius: 30px;
font-family: {select:Heading Font};
}




/* -- Mozaik Content -- */
.mozaik-content{
position:relative;
}
.mozaik-content .row{margin-left:-20px;margin-right:-20px;}
.mozaik-content .row.main-post{margin-bottom:40px;}
.mozaik-content .row > div{padding-left:20px;padding-right:20px;}
.mozaik-content .item-container,
.block-featured{
background:#ffffff;
padding:10px;
position:relative;
}
.block-featured{padding:0;}
.mozaik-content .item-image,
.block-featured .item-image{
overflow:hidden;
background-size:cover;
background-repeat:no-repeat;
}
.mozaik-content .item-image iframe{width:100%;height:100%;}
.block-featured iframe{width:100%;height:auto;}
.mozaik-content .video .item-overlay,
.mozaik-content .audio .item-overlay{border:40px solid transparent;}
.mozaik-content .size-small .item-image{height:320px;}
.block-featured .item-overlay,
.mozaik-content .item-overlay{
padding:15px;
position:absolute;
top:40px;
left:40px;
bottom:40px;
right:40px;
background:rgba(255,255,255,0.3);
text-align:center;
}
.block-featured .item-overlay{
position:static;
}

.mozaik-content .item-overlay .item-table{
display:table;
width:100%;
}

.mozaik-content .size-small .item-overlay .item-table > div { height:230px;}
.mozaik-content .item-overlay .item-table > div{
display:table-cell;
vertical-align:middle;
text-align:center;
}
.block-featured .item-overlay .item-category,
.mozaik-content .item-overlay .item-category{
display:block;
margin:0 auto 20px auto;
text-transform:uppercase;
}
.block-featured .item-overlay .item-category{margin:0;}

.block-featured .item-overlay .item-category a,
.mozaik-content .item-overlay .item-category a{
color:{color:Heading Color};
text-transform:uppercase;
letter-spacing:1.5px;
font-family:{select:Heading Font};
font-weight:400;
text-decoration:none;
font-size:11px;
}
.mozaik-content .item-overlay .item-heading{margin-bottom:20px;}
.block-featured.item-overlay .item-category,
.mozaik-content .item-overlay .item-heading h4 a{

text-transform:uppercase;
font-family:{select:Heading Font};
font-size:18px;
line-height:1.5em;
color:{color:Heading Color};
text-decoration:none;
font-weight:700;
letter-spacing:1.5px;
display:block;
margin:0 auto;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
max-height:145px;
overflow:hidden;
}
.mozaik-content .large .item-overlay .item-heading h4 a{font-size:24px;line-height:1.3em;letter-spacing:1.5px;}
.mozaik-content .item-overlay .item-more{margin:30px auto 0 auto;}
.mozaik-content .item-overlay .item-more a{
width:80px;
height:35px;
padding:9px;
background:{color:Heading Color};
color:#fff;
letter-spacing:1.5px;
font-size:11px;
font-family:{select:Heading Font};
text-align:center;
display:inline-block;
text-decoration:none;
text-transform:uppercase;

}
.mozaik-content .item-overlay .item-more a:hover{background:#fff;color:{color:Heading Color};}

/* Post Type */
/* Quotes */
.chat .item-overlay .item-table > div,
.mozaik-content .text .item-overlay .item-table > div,
.mozaik-content .link .item-overlay .item-table > div,
.quote .item-overlay .item-table > div{vertical-align:baseline;text-align:left;padding:50px;}
.chat.size-small .item-overlay .item-table > div,
.mozaik-content .text.size-small .item-overlay .item-table > div,
.mozaik-content .link.size-small .item-overlay .item-table > div,
.mozaik-content .quote.size-small .item-overlay .item-table > div{padding:10px;}
.quote .item-overlay .item-table > div:after{
font-size: 170px;
color:{color:Quote Background};
opacity:0.4;
display: block;
content: '\201d';
font-family: 'Georgia',Arial Rounded MT Bold,Sans serif;
position: absolute;
top: -25px;
right: 15px;
}
.quote .item-overlay .item-table > div blockquote{
padding: 0;
border: none;
text-transform:uppercase;
font-family:{select:Heading Font};
font-size:24px;
line-height:1.5em;
color:{color:Heading Color};
text-decoration:none;
font-weight:700;
letter-spacing:1.5px;
max-width:70%;
display:block;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow:hidden;
font-style:normal;

}
.quote .item-overlay .item-table > div blockquote.short{font-size:30px;}
.quote .item-overlay .item-table > div blockquote.medium{font-size:24px;}
.quote .item-overlay .item-table > div blockquote.long{font-size:18px;}
.quote.size-small .item-overlay .item-table > div blockquote{font-size:16px !important;}
.quote.size-small .item-overlay .item-table > div blockquote p{font-size:13px !important;}
.quote .item-overlay .item-table > div blockquote p{
font-size: 16px;
font-family: '{select:Heading Font}';
font-style: normal;
margin-top: 20px;
padding-top: 20px;

}
.quote .item-overlay .item-table > div blockquote p:before{
background:#dedede;
content:'';
display:block;
width:30px;
height:3px;
margin-top: -15px;
margin-bottom: 30px;
}

.mozaik-content .chat .item-overlay .item-more,
.mozaik-content .text .item-overlay .item-more,
.mozaik-content .link .item-overlay .item-more,
.quote .item-overlay .item-more{
text-align:right;
position: absolute;
bottom: 30px;
right: 30px;
z-index:5;
}


.mozaik-content .chat .item-overlay .item-more a,
.mozaik-content .text .item-overlay .item-more a,
.mozaik-content .link .item-overlay .item-more a,
.quote .item-overlay .item-more a{
text-align:right;
background:transparent !important;
font-size:40px;
opacity:0;
padding-right:20px;
display:block;
}
.mozaik-content .chat:hover .item-overlay .item-more a,
.mozaik-content .text:hover .item-overlay .item-more a,
.mozaik-content .link:hover .item-overlay .item-more a,
.quote:hover .item-overlay .item-more a{padding-right:0;opacity:1;color:{color:Heading Color};}
.mozaik-content .link.size-small .item-overlay
.size-large .item-heading {max-width:80%;}
.item-heading h4 a{
font-size:16px;
}
/* Link */
.mozaik-content .link .item-overlay .item-table > div:after{
font-size: 80px;
color: {color:Link Background};
display: block;
content: '\f0c1';
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
position: absolute;
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
opacity:0.4;
bottom: 60px;
left: 60px;
}
.mozaik-content .link.size-small .item-overlay .item-table > div:after{bottom: 0px;left: 20px;font-size:65px;}
.mozaik-content .text .item-overlay .item-table > div p{
margin-top:20px;
font-style:italic;
display: -webkit-box;
-webkit-line-clamp: 5;
-webkit-box-orient: vertical;
max-height: 120px;
overflow:hidden;
}
.mozaik-content .text.size-small .item-overlay .item-table > div p{
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
max-height: 120px;

}
/* Chat */
.chat .item-overlay .item-table > div li {
margin-bottom:10px;
line-height:1.7em;
font-size:16px;
font-style:italic;
}
.chat.size-small .item-overlay .item-table > div li {list-style:none;font-size:14px;}
.single .chat .item-overlay .item-table > div li{list-style:none;color:{color:Paragraph Color};}
.chat .item-overlay .item-table > div li span{
text-transform:uppercase;
font-family:'{Select:Heading Font}';
font-style:normal;
margin-right:10px;
letter-spacing:1.5px;
}
.chat .item-overlay .item-table > div li.odd span{font-weight:bold;}
.single .chat .item-overlay .item-table > div li span{color:{color:Heading Color};}
/* Widget */
.masonry-post .grid-item{margin-bottom:40px;overflow:hidden;}
.widget .mocca-widget-title {margin-bottom:60px;}
.mocca-widget-title h4{
font-size:18px;
font-weight:700;
font-family:{select:Heading Font};
letter-spacing:1.5px;
text-align:left;
text-transform:uppercase;
display:inline-block;
}
.mocca-widget-title h4:after{
display:block;
content:'';
background:{color:Heading Color};
width:100%;
height:3px;
margin-top:20px;
margin-bottom:-1px;

}

#block-sidebar .mocca-widget-content{
display:block;
padding:40px;
background:#fff;
margin:0 0 60px 0;
}
/* Widget Author Profile */
.widget.author-profile .avatar img{
width:170px;
height:170px;
display:block;
margin:0 auto 30px auto;
clear:both;
border-radius:90px;
border:2px solid #f9f9f9;
padding:5px;
}
.widget.author-profile .author-name{
display:block;
text-align:center;
text-transform:uppercase;
font-size:14px;
letter-spacing:1.5px;
color:{color:Heading Color};
margin-bottom:30px;
}
.widget.author-profile .author-bio blockquote{
border-left-width:0px;
font-size:14px;
margin:30px 0 0 0;
padding-left:0;
}
/* Widget Social Subscribe */
#block-sidebar .social-count-subscribe .mocca-widget-content{ background:none;padding:0; }
.widget.social-count-subscribe .social-links li{
display:block;
list-style:none;
margin-bottom:1px;
}
.widget.social-count-subscribe .social-links li:last-child{margin-bottom:0;}
.widget.social-count-subscribe .social-links li a{
display:block;
text-decoration:none;
background:#fff;
padding:20px;
}
.widget.social-count-subscribe .social-links li a:after{display:table;clear:both;content:'';}
.widget.social-count-subscribe .social-links li a figure{display:block;float:left;}
.widget.social-count-subscribe .social-links li a .social-btn{
width:35px;
height:45px;
padding:6px 5px;
color:#fff;
font-size:24px;
margin:0 30px 0 10px;
text-align:center;
}
.widget.social-count-subscribe .social-links li.twitter a .social-btn {color:#3dd1c8;}
.widget.social-count-subscribe .social-links li.facebook a .social-btn {color:#6399c4;}
.widget.social-count-subscribe .social-links li.instagram a .social-btn {color:#7D523D;}
.widget.social-count-subscribe .social-links li.pinterest a .social-btn {color:#d13846;}
.widget.social-count-subscribe .social-links li.youtube a .social-btn {color:#f96370;}
.widget.social-count-subscribe .social-links li.rss a .social-btn {color:#f6c357;}
.widget.social-count-subscribe .social-links li a .social-desc{
width:70%;
}
.widget.social-count-subscribe .social-links li a .social-desc .count-subscribe{
font-family:{select:Heading Font};
text-transform:uppercase;
font-weight:700;
letter-spacing:0.5px;
font-size:16px;
margin-right:10px;
color:{color:Heading Color};

}

.widget.social-count-subscribe .social-links li a .social-desc .count-desc{
font-family:{select:Body Font};
font-style:italic;
text-transform:capitalize;
font-weight:700;
letter-spacing:1.5px;
font-size:14px;
margin-right:10px;
color:{color:Heading Color};

}
.widget.social-count-subscribe .social-links li a .social-desc .follow-desc{
display:block;
font-size:10px;
color:#9c9c9c;
letter-spacing:1.5px;
font-family:{select:Heading Font};
text-transform:capitalize;
margin-top:5px;
}
/* Widget Feed Grid */

#block-sidebar .widget.feed-grid .mocca-widget-content{padding-bottom:30px;}
.widget.feed-grid .feed-item-grid{
padding:0;
margin:0 -5px;
}
.widget.feed-grid .feed-item-grid:after{content:'';display:table;clear:both;}
.widget.feed-grid .feed-item-grid li{
display:inline-block;
width:46%;
height:auto;
margin:0 5px 10px 5px;
float:left;
overflow:hidden;
}
.widget.feed-grid .feed-item-grid li a:hover{display:block;opacity:0.7;}
.widget.feed-gri
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Frederiek
post Jun 19 2016, 06:32 AM
Post #2


Programming Fanatic
********

Group: Members
Posts: 5,146
Joined: 23-August 06
From: Europe
Member No.: 9



Please post the url to your page, as we can't do anything with Tumblr coding without the page being rendered by the browser or having an account, which most regulars here don't have.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
merryn
post Jun 20 2016, 05:29 AM
Post #3





Group: Members
Posts: 8
Joined: 19-June 16
Member No.: 24,344



QUOTE(Frederiek @ Jun 19 2016, 06:32 AM) *

Please post the url to your page, as we can't do anything with Tumblr coding without the page being rendered by the browser or having an account, which most regulars here don't have.



Hi Frederiek,

This is the blank blog here http://doyouseewhatwesee.tumblr.com

User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
merryn
post Jun 20 2016, 05:31 AM
Post #4





Group: Members
Posts: 8
Joined: 19-June 16
Member No.: 24,344



QUOTE(Frederiek @ Jun 19 2016, 06:32 AM) *

Please post the url to your page, as we can't do anything with Tumblr coding without the page being rendered by the browser or having an account, which most regulars here don't have.



I've attached an example of what it looks like when I can't put the heading over top of the photo - all the writing i end up putting in ends up going on top, not just a title
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
merryn
post Jun 20 2016, 05:34 AM
Post #5





Group: Members
Posts: 8
Joined: 19-June 16
Member No.: 24,344



QUOTE(Frederiek @ Jun 19 2016, 06:32 AM) *

Please post the url to your page, as we can't do anything with Tumblr coding without the page being rendered by the browser or having an account, which most regulars here don't have.



I've attached an example of what it looks like when I can't put the heading over top of the photo - all the writing i end up putting in ends up going on top, not just a titleAttached Image
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Frederiek
post Jun 20 2016, 06:22 AM
Post #6


Programming Fanatic
********

Group: Members
Posts: 5,146
Joined: 23-August 06
From: Europe
Member No.: 9



You mean you want the text "Classified" on top of the image, just above the sample title you put there?

If so, I need to see your attempt, as it's Tumblr coding. I know a little bit about Tumblr, but non other than customising a page.
So, the empty blog doesn't help in that matter.

Add the above example to the blog and we'll see what can be done.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
merryn
post Jun 20 2016, 02:45 PM
Post #7





Group: Members
Posts: 8
Joined: 19-June 16
Member No.: 24,344



QUOTE(Frederiek @ Jun 20 2016, 06:22 AM) *

You mean you want the text "Classified" on top of the image, just above the sample title you put there?

If so, I need to see your attempt, as it's Tumblr coding. I know a little bit about Tumblr, but non other than customising a page.
So, the empty blog doesn't help in that matter.

Add the above example to the blog and we'll see what can be done.


i'll add 5 photos in order of me posting a post. Yes, I want the text "this should be the title" to just be showing on the photo and "this should be the text underneath" to be the text when you click 'moreAttached Image
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
merryn
post Jun 20 2016, 02:46 PM
Post #8





Group: Members
Posts: 8
Joined: 19-June 16
Member No.: 24,344



QUOTE(merryn @ Jun 20 2016, 02:45 PM) *

QUOTE(Frederiek @ Jun 20 2016, 06:22 AM) *

You mean you want the text "Classified" on top of the image, just above the sample title you put there?

If so, I need to see your attempt, as it's Tumblr coding. I know a little bit about Tumblr, but non other than customising a page.
So, the empty blog doesn't help in that matter.

Add the above example to the blog and we'll see what can be done.


i'll add 5 photos in order of me posting a post. Yes, I want the text "this should be the title" to just be showing on the photo and "this should be the text underneath" to be the text when you click 'moreAttached Image

Attached Image
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
merryn
post Jun 20 2016, 02:48 PM
Post #9





Group: Members
Posts: 8
Joined: 19-June 16
Member No.: 24,344



QUOTE(merryn @ Jun 20 2016, 02:46 PM) *

QUOTE(merryn @ Jun 20 2016, 02:45 PM) *

QUOTE(Frederiek @ Jun 20 2016, 06:22 AM) *

You mean you want the text "Classified" on top of the image, just above the sample title you put there?

If so, I need to see your attempt, as it's Tumblr coding. I know a little bit about Tumblr, but non other than customising a page.
So, the empty blog doesn't help in that matter.

Add the above example to the blog and we'll see what can be done.


i'll add 5 photos in order of me posting a post. Yes, I want the text "this should be the title" to just be showing on the photo and "this should be the text underneath" to be the text when you click 'moreAttached Image

Attached Image

Attached Image
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
merryn
post Jun 20 2016, 02:48 PM
Post #10





Group: Members
Posts: 8
Joined: 19-June 16
Member No.: 24,344



QUOTE(merryn @ Jun 20 2016, 02:48 PM) *

QUOTE(merryn @ Jun 20 2016, 02:46 PM) *

QUOTE(merryn @ Jun 20 2016, 02:45 PM) *

QUOTE(Frederiek @ Jun 20 2016, 06:22 AM) *

You mean you want the text "Classified" on top of the image, just above the sample title you put there?

If so, I need to see your attempt, as it's Tumblr coding. I know a little bit about Tumblr, but non other than customising a page.
So, the empty blog doesn't help in that matter.

Add the above example to the blog and we'll see what can be done.


i'll add 5 photos in order of me posting a post. Yes, I want the text "this should be the title" to just be showing on the photo and "this should be the text underneath" to be the text when you click 'moreAttached Image

Attached Image

Attached Image

Attached Image
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post

Reply to this topicStart new topic
2 User(s) are reading this topic (2 Guests and 0 Anonymous Users)
0 Members:

 



- Lo-Fi Version Time is now: 28th March 2024 - 03:34 AM