Tumblr photo post caption positioning - css

I was hoping somebody would be able to help with the following query...
I've setup a Tumblr blog on which I'm going to regularly post photo sets.
I'd like to write a brief description with each set. I can do this
within the caption field that sits below the image. The problem with
this is that when including multiple images within a post the description
will be lost at the bottom, below all the images.
I'd like the caption to be positioned at the top of the post, before
the images so that viewers can read the description first.
Here's a link to the blog, though empty for now I've inserted a test
post to show how the information is displayed. The black block
represents an image set,'Coming Soon' was entered in the caption field.
http://rg-e.tumblr.com/
Any thoughts/or guidance would be greatly appreciated.
Thanks.

Would need to see your theme's code to provide you with specifics, but you just need to move where the {block:Caption} is being rendered.
An example:
{block:Photoset}
{block:Caption}{Caption}{/block:Caption}
{Photoset-500}
{/block:Photoset}
This will put the photoset's caption above the photoset.

Just to expand upon graygimore's answer - changing the position of the {block:Caption} - Here's the exact code I modified from my custom tumblr theme. Worked a treat.
Thanks again.
{block:Photo}
<section class="caption group">
{block:Caption}
<div class="cont">{Caption}</div>
{/block:Caption}
{block:ContentSource}
<div class="cont content_source">
<a href="{SourceURL}">
{lang:Source}:
{block:SourceLogo}
<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
{/block:SourceLogo}
{block:NoSourceLogo}
{SourceTitle}
{/block:NoSourceLogo}
</a>
</div>
{/block:ContentSource}
</section>
<section class="top media" style="display:block;">
{LinkOpenTag}<img src="{PhotoURL-HighRes}"> {LinkCloseTag}{Question}
</section>
{/block:Photo}

Related

how to change post header title/heading on default blog posts-page

It seems like my theme has a "feature" that changes my normal page header when i set a default post-page. Every time I set a default page for the blog-posts (readings: set page for the posts-page), the theme changes that pages title, and replaces it with “Latest News” in the centre. It appears this might be a "feature" of my theme, peakshops, but their support has gone dark.
I can't find where this is located. I can see in a code inspector this thing looks like some sort of "archive-title" class... so I'm wondering if there are some css changes i can make to change the title from "latest news" to anything else. When i click on the inspector i shows me this:
<div class="archive-title search-title">
<div class="row align-left text-left">
<div class="small-12 medium-8 large-6 columns">
<h1>
Latest News</h1>
</div>
</div>
</div>
And maybe if anyone knows how to find where that is hidden, i can then change it! I’d welcome some help please! Thanks much 🙂
The page I need help with: https://www.byjgk.com/blog/

Problems with adding pictures to gallery page

I have a gallery page that looks pretty good, but I need to add my own pictures of myself and/or family... I've tried to do so but it isn't working the way it should.
Here a codepen of the problem: https://codepen.io/AJ2021/pen/EOWYvmenter code here
I need my photos to be in a shadowbox so I have a thumbnail on the page and when I click on it, it opens in a large view.
If the codepen has the exact same code your dreamweaver does, I found an error in the snippet.
It originally was:
" alt=""/> rel="shadowbox[picture]" title="a">
<img src="../Documents/SU Fall 2017/Foltz class/tmb_Lawtons_Marina.jpg">
</a>
Now it's:
<a href="../Documents/SU Fall 2017/Foltz_class/img_Lawtons_Marina.jpg" alt="" rel="shadowbox[picture]" title="a">
<img src="../Documents/SU Fall 2017/Foltz class/tmb_Lawtons_Marina.jpg">
</a>
It looks like the anchor tag <a> had closed too early.

Header spacing on second page in sale order report

Hello to all,
I have created my custom report in sale order for Odoo 10 but i have this problem with overlapping the header and body on the second page when i have more products in the Quotation.
Can someone help how to fix this issue?
Thanks in advance
I can see that you have made your own custom header.So now you can set your company logo in fixed size and you can fix your issue.You can edit the logo size.
Like this....
<div class="col-xs-6">
<img t-if="o.company_id.logo" t-att-src="'data:image/png;base64,%s' % o.company_id.logo"
style="max-height:170px; max-width:170px;" />
</div>

get image TV on homepage modx revolution

I have a lot of sub pages and latest 3 I am showing at homepage, I could display only title but image can't(every sub page has TV named 'image_prew' and I am trying to get value of this TV for image), here is my code:
<div class="cat">
<div class="role">
<h1 class="[[+pagetitle]]">[[+pagetitle]]</h1>
</div>
<div class="menu_prew-[[+pagetitle]]">
<img src="[[*image_prew]]" class="image"/>
</div>
<div class="clear"></div>
</div>
You don't say how you're fetching the sub-pages, but if you're using getResources you need to use the parameter &includeTVs=1.
And as Sean mentions above, in a template chunk TVs are placed in a placeholder tag -- use a plus sign not an asterisk.
try [[+tv.image_prew]] and check the documentation near the bottom "Displaying Template Variables with getResources" is clearly labelled
What is your output setting on the TV? Whenever you are outputting image source urls in your TVs, make sure in your output setting tab the output is set to "text". You want the text to render to your html tag. Default may or may not work depending on your input type setting, so I always force this to "text". I have had that issue once or twice;).

Where we should put "skip to content" links?

See place 1,2 and 3.
<body>
<Place 1>
<div id="container">
<Place 2>
<div id="header">
<Place 3>
<div id="logo">
</div>
</div>
</div>
</body>
'Skip to content' and 'Skip to menu' links should be placed before any other link or text. It doesn't matter if there are 15 opening div before them.
The relevant Technique for WCAG 2.0 is G1: Adding a link at the top of each page that goes directly to the main content area
I prefer on the top. In this case, it is more useful.
See following sample
http://www.w3.org/WAI/
http://websitetips.com/
It will no doubt vary from site to site, but I would put it before the navigation.
That way a screen reader can read out 'Skip to content' before it has to go through the main navigation list and say things like 'About Us. Links. Contact Us.' etc
Shouldn't place it at all -- place your content first in the HTML file, and put navigation/spammy stuff afterwards.
(I know a lot of places find this difficult in practice, but if you're going for screen reader/text-only browser support, you might as well go all the way)

Resources