The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

 
Reply to this topicStart new topic
> Tumblr theme vertical photos
photog35
post Dec 23 2021, 07:31 PM
Post #1





Group: Members
Posts: 1
Joined: 23-December 21
Member No.: 28,203



Hi guys,
I am needing some help in adjusting a tumblr theme for my photography blog. (I have no knowledge in html or css).
I would like to make the vertical photos on my blog have a smaller width than the width of the horizontal photos. Right now, the vertical photos have the same width as the horizontal photos (which makes the vertical photos look really big compared to horizontal photos). Is there a way to change that?

Here is the free theme I am using: https://otherthemes.com/themes#centre
(Their theme support isn't available anymore, which is why I am asking for help here).

Thanks for your help!
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Brian Chandler
post Dec 24 2021, 03:32 AM
Post #2


Jocular coder
********

Group: Members
Posts: 2,460
Joined: 31-August 06
Member No.: 43



I doubt if anyone here knows much about Tumblr: the whole point of these services is that they make money, and you join up to their way of doing things, which isolates you from things like HTML and CSS. So the chances are that it is extremely difficult to adjust basic bits of the html files produced.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Dec 25 2021, 09:41 PM
Post #3


🌟Computer says no🌟
********

Group: WDG Moderators
Posts: 20,734
Joined: 9-August 06
Member No.: 6



Sound very complicated. Tumblr, or its template engine, would need a way to know what photos have horizontal orientation and what photos have vertical orientation. That's probably possible for a server side language to find out even if it would be hit and miss sometimes (since the orientation thing in images is wonky). Or it could just find out if the image width is larger or smaller than its height. But to tell Tumblr to do that... No, not likely.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
chr34
post Yesterday, 11:24 PM
Post #4





Group: Members
Posts: 1
Joined: Yesterday, 04:04 AM
Member No.: 29,178



Log in to your Tumblr account and navigate to the blog you want to edit. Click the account icon (gear icon) in the top right corner and select "Edit appearance." Look for options related to image size or layout. Some themes offer limited control over photo dimensions within the customization interface. You might find options like "Photo size" or "Grid layout" that allow you to adjust the overall size of displayed photos. Try different settings and preview the changes to see if they achieve the desired effect. Unfortunately, these options may not offer fine-grained control for differentiating between horizontal and vertical photos.

If Option 1 doesn't provide the control you need, you can try making small CSS adjustments. Here's a basic approach (caution: proceed with care if you're unfamiliar with code). In the theme customization menu, look for an option like "Edit HTML" or "Custom CSS." This will allow you to view and edit the underlying code that controls the theme's appearance. Look for code sections related to image display. You might find classes like ".photo" or ".photoset" that define how photos are displayed.If you can identify a class or element specifically targeting vertical photos (e.g., ".photo.vertical"), you can add a CSS rule to adjust their width. NY State of Health Marketplace

This post has been edited by chr34: Yesterday, 11:25 PM
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 May 2024 - 12:28 AM