I was wondering - I have a theme on my tumblog where photos stick to the background while text posts can scroll. It can be found here, if my description is confusing. I was wondering how to make it so that on the theme, the caption appears as a separate text post - if captions are turned on currently, they look like this:
To fix this, right now I am posting separate text posts to caption each photo. I've changed the post block from this
{block:Caption}
<div class="text post-bg">
<div class="text-block"><span>{Caption}</span></div>{/block:Caption}
to this
{block:Caption}
<div class="text post-bg">
<div class="text-block"><span>{Caption}</span></div>{/block:Caption}
</div>
but this just makes a transparent description in the style of a text post appear above the photo.
Is it possible to change it so that this description appears as a separate post, below the photo post, without actually going in and making text posts for each one?
Thank you for your help! I appreciate it!
Related
I need some help here.
I found the "Miniport" template by "html5up" and I want to use this template as a base for my future projetc.
The demo can be seen here: http://html5up.net/miniport
On the demo we can see that bellow the website menu is an circular image and next to it is some texts. I need to know how to remove that image and center the texts so the texts can match the rest of the template (the site has the divs centered too).
I dont have much skills on css nor html5. Im a fan and I want to learn.
If anybode can help me, please..
Sorry about my english.
I too am using this template.
In order to remove the image, open the html document.
Delete this code that is found between ~line 42—46: (this is what formats and holds your image)
<article class="container" id="top">
<div class="row">
<div class="4u">
<span class="image fit"><img src="images/angela.jpg" alt="" width="118%" height="350" /></span>
</div>
Reformat the div tag:
<div class="8u"> to <div class="container" align="center">
By doing this, you are modifying the style within the html document rather than the css doc. This is good since you do not want to change every div tag in the html doc, just this one. Additionally, adding align="center" helps override most css formatting within your divs. You can use that trick later on in your site.
On a side note, double check that you like the command the contact form uses. I do not, since it opens up my computer's email app rather than directly sending the email through the webpage. That's my next project.
Enjoy!
I'm making a new blog and I'm having a big issue. So far I could create the front page, but when I try to post something it doesn't display anything.
This is the code I have:
{block:Posts}
{block:PermalinkPage}{block:Date}
<a />
{/block:Date}{/block:PermalinkPage}
</a>
</div>
{/block:Posts}
This is the post/permalink: http://lifeafterpixel.tumblr.com/post/109350024127/here-1
As you can see, only the background appears as such the topbar. I need to show the text. It should appear only the text, images, audio, and anything like a normal post. Why is it not happening?
To show the title and body for a Text Post on the permalink page:
{block:Posts}
{block:PermalinkPage}
{block:Title}
<h2>{Title}</h2>
{/block:Title}
{Body}
{/block:PermalinkPage}
{/block:Posts}
However, in the spirit of StackOverflow, this question should be closed as too broad. The OP is asking for code for all post types, which is the bulk of the theme.
I suggest the OP reads the How to create a custom HTML theme by Tumblr before posting more questions.
I'm working on a wordpress website.
I would like to know how to add a new div id or class in the_content loop for posts. That is, I don't want to add any html in the post edit area of the backend; what I want is to actually create a new div or class in the post, so that I have an img and then the text wrapped within a div.
In my posts I need to wrap the text paragraphs in a div, like so:
<div class="entry-content">
<p><....img...></p>
<div class="text">
<p>text</p>
<p>text</p>
<p>text</p>
<p>text</p>
</div>
</div>
The div "text" is what I need to include. Could someone help me with this? I imagine I have to add something in the loop in function.php
thanks!
Generaly, you do not edit post content in the template, you just display it.
So to do this, you need to use Format option to add a "Title 1" or anything content related style to some text in the visual editor.
If you really want to add specific tag, use shortag annotation (or find a plugin to do this)?
If you just wqant to have an image asigned to a post, check the thumbnails feature of wordpress that let you get the post image from outside the content.
BTW : you should consider posting wordpress question on https://wordpress.stackexchange.com/
I'm making a quick site and all the content is on one page, and I'm using a small menu with anchor links to make navigating to a certain part faster for the end user. I have two anchor links that work fine (About Me, My Projects) but the "Contact Me" link jumps to a random part of the "My Projects" section.
A preview of the site is available here : http://dev.cuonic.com/cuonic.com/
I have checked the IDs, they correspond, there is no random "contact-me" ID lying around in the "My Projects" section, I've changed the ID, still happens, and this in both Firefox and Chrome. Whats going on ? Any help is appreciated :)
All of then content within //*[#id="content"]/div[2] is floated to the left. Floating elements don't affect the height of their containing block-level elements. If you add this:
#contact-me { clear:both; }
to your CSS somewhere, the <span id="contact-me"> tag will reposition to where you actually want it. Your page still isn't long enough for the contact form to go all the way to the top (at least on my monitor), but it will still scroll to the end of the page.
Change this section of code:
</div>
<span class="anchor" id="contact-me"></span>
<h1>Contact Me</h1>
<div class="text">
To this:
</div>
<h1>Contact Me</h1>
<span class="anchor" id="contact-me"></span>
<div class="text">
I am trying to place a member's photos next to their comments. I am working from a wireframe that requires side by side image and text.
On the default tab there are 3 comments. I am trying to also display the members photo on the left of the comment, but can't get it to render for some reason.
Any idea why the photo isn't rendering on the left and how I can align it? I am looking in Firebug, but somehow can't find the problem.
Here is your problem
<div style="float:left><img src=/img/member_photo/1/mid_thumb.jpeg width="100" ></div>
it should be:
<div style="float:left"><img src="/img/member_photo/1/mid_thumb.jpeg" width="100" ></div>
You missed the quotes
bad html
http://i.stack.imgur.com/orinI.jpg
edit
http://i.stack.imgur.com/mSLnw.jpg