How to solve the issue of image size template slider? - html

I have a question regarding a carousel slider in a template I recently uploaded on my blog. I downloaded the free ELEGANT template which allows you to have a slider at the top of the page. When you add the tag featured in the post, the blog post will also appear in this slider.
Only thing I don't understand: the images which I have appear different in scale (see attached screenshot) I tried to fix it in the actual image in the blog post, but that doesn't seem to work. Also the HTML code of the carousel is locked, so I cannot change the image sizes there. Does anyone know how to fix this problem? So I can always add my latest blogpost there and all the images have the same size?
I am a basic HTML coder, so I have a little knowledge of coding.
Thanks in advance!
Jorien

Related

Image Thumbnail and Title in bottom

Respectable Gurus
I am running website (https://urdunovelcollection.com/), I just want to convert books thumbnail just like using in gsmarena.com mobile thumbnail, I am not great in styling things, It will be great if someone share some html and css code here, Please help me to resolve my problem.

Image got Resized in Mobile View in Blogger Blog

I am using a template for my blogger blog (realmethemez.com) in which images are set to resize automatically in post in mobile view. In desktop view image are properly resized but in mobile view all post image get stretched. Can anyone please suggest me any code to fix that issue.
A little late answer but ... You do not need a code to change this! Click on an image you want to change in the editor, then options on image size will appear. Select original size. It will probably look crunchy in the editor but since that is what I understand a responsive template you have it will look perfect on the web.

How to edit HTML of a single page in Wordpress

(General Kenobi).
Alright, enough fun lets get to the point. I have a question about Wordpress for you guys and I hope you can help me with it. My theme supports an image as an "ad" which you can place below header (menu) and above content on the site. It is not a background, you can set BG of a page and then in theme options add image to be shown.
The problem is, this picture is now on every page, article, everywhere on site. I can live with that but I would like to know if its possible to somehow change HTML or something of a single WordPress page and replace the logo with the different image? I clearly can't do that in editor as it supports only one image for everything so that's why I'm asking to try out code change. I tried to get to the HTML but in WP Editor it shows only a few lines of PHP code.
As I'm typing this I'm realizing some huge problems it might have but I'll post this anyway, maybe some of you will have a great tip :) Thanks for helping me out in any way!
Michal

change html in blogger soho theme

After asking a few question the Help Center for Blogger I was directed here.
I am using the Soho Theme and have attempted with the help of Blogger Experts to change so CSS or HTML coding. As of now nothing is working.
I want to use a font that is not offered in the header above the image. I found and downloaded a font and use the CSS code they provided, entered it and applied to them but it won't show.
The other thing I would like to do is change the size that is used for that theme. I was given the code to enter into CSS, applied and it shows in the preview but when I actually view the website, it's still the standard large size. I even tried several different size images but it still goes to the size that seems to be part of the theme. Is there a way to use a smaller image?
Any help with these two issues is appreciated.
Thanks.

Full-width image with links

I need a full-width image with labeled sections to link to individual pages. Any suggestions how to make this happen? The web site is built on WordPress, so if a plug-in will accomplish this that will work too. Method needs to be responsive and not break apart as viewport is reduced.
For example, Section 1 needs to link to the Section 1 page, etc.
See image at
Well, if you want to have something like that and responsive, you should cut the image in as many pieces as items you need, create an element for each piece and set the image as background. There rest is mediaqueries, maybe you can do it with bootstrap.
Also, try to go to the design community, as this is more related to design than anything else, and I don't think a Wordpress plugin exists for this.