I use Tumblr as my website for my band. I'm working on the discography page and I'm trying to put album artwork into a page at a 240px by 240px ratio, but it's stretching and I'm not entirely sure how to stop it from doing that.
Link to page
Any help would be greatly appreciated. Thanks.
Go to your blog customize page. It should look like this: tumblr customization panel http://img109.imageshack.us/img109/803/0a8e2d3f8a7e402ca707c5c.png
Find field “Add custom CSS” and paste in it this code: #entry img { width: auto; }
Related
Good Morning.
I would like help with the TinyMCE editor that I am trying to integrate into my blog.
[I would like to remind you that I'm a beginner]
The problem I've been encountering is when viewing the blog on cell phones, as the images don't fit the screen, breaking the view.
view of the problem -
At the bottom, in gray, would be the page border.
In the search for solutions, I found this (but as you can see, it didn't solve the problem)
In tinymce.init:
image_dimensions: false,
image_class_list: [
{title: 'Responsive', value: 'img-responsive'}
]
can anybody help me?
it looks like this is your first post? Welcome!
My assumption is that the img-responsive CSS class isn't setup on your site properly. You probably need to setup the class on your site similar to:
.img-responsive {
width: 100%;
}
Please have a look at this Codepen as an example. You can change the width of small-element in the CSS and the image will be responsive.
Alternatively, when you insert the image in TinyMCE, you can specify the image width as 100%.
I tried to adjust the img-responsive properties, but I have a bootstrap theme and I'm not sure where it is adjusting those properties.
After a more cautious review of the documentation, I was able to "resolve" this problem as follows:
In tinymce.init({...
style_formats: [
{title: 'Imagem responsiva', selector: 'img', styles: {
'width' : '100%',
'height': '100%'
}
}
]
This created an option for formatting to be applied.
Solution I got.
That way I was able to have responsive images without breaking the page layout when viewed on mobile devices.
Thanks to anyone who can help.
I am currently working on customizing the welcome page for my Bigcartel site.
I am using the Neat theme and would like to remove the grid filter that appears over the slideshow image1 to appear clean image2
I was wondering if it's possible in Big Cartel and what was the process to follow?
To remove the grid, you'll need to drop the following code into the bottom of the CSS section in your Customize Design area:
.slideshow div.featured_holder {
background: none;
}
add this in your css
.slideshow .featured_holder {
background-image:none
}
I am using Google code wiki page for documentation. The way I adding image into my article is inserting a link to the image, for example put this link into where I want to place the image.
http://code.google.com/images/code_sm.png
The question is I want to add caption under the picture and also want to edit the size of this picture. How can I do that? I didn't find the Syntax on their support page:
http://code.google.com/p/support/wiki/WikiSyntax
Thanks in advance!
I have found how to solve it. Google code wiki page supports html. so the size of picture can be edited using tag "img" and attributes "title" "width" and "height" .
img title="Map of 2nd floor" src="http://kth-hvac.googlecode.com/..." width="700px" height="300px"
Link is
http://code.google.com/p/support/wiki/WikiSyntax#HTML_support
I am using Joomla and Seblod. I would like to create a gallery of thumbnails only, tiled next to one another and when clicked it will open each image into a lightbox (fancybox) and display larger image and description.
Problem I'm having is that when I try to display only the image thumbnails, I get the label "Image" or whatever I enter into Seblod. I just want plain image thumbnails, no text or any description but when clicked it opens them in the lightbox. I'm sure this is child's play, but confusing for a a beginning Joomla user like myself.
Any help would be appreciated, thanks.
There is built-in Lightbox functionality in Seblod, but it takes a few steps to make it work. It is even better if you use a custom template, because then you can add regular PHP functions to process your photos.
In any case, to get started, look at the tutorial I wrote on this subject: http://www.seblod.com/support/documentation/seblod-2x/fields/typo/1710-create-a-simple-gallery-with-fieldx-field.html
I am pretty new to joomla. The effect I am trying to achieve is http://www.greenjourneys.nl/individuele-reizen.html this. Notice, there is an featured image for each articles.
Can you tell me how to do this?
Just include the image before the page break.
There are a number of components that will allow you to resize the photo easily (or create tumbnails 'on the fly') which would work great for something like that.
However if you just have small images you want to use - simply include the image into the article before the pagebreak and use CSS to control how it lays out on the front page.
You can decide if you want the intro text to show in the main article or not, if you do - then you won't have to include the image again (it will show by default) but if you do not want the intro text to show, just be aware that the image you choose for the front page won't display in the article when clicked on.
Hope that helps.