firstly I'm sorry for my english level.
There is a wordpress page that created with Visual Composer extension. Images in this page is not contain width height value. I want to add width height values to images in the page using html but I can't find html codes in page created with visual composer.
Please help me Why do I add to width and height values to this page.
Looks like there has an Image size input where you can specify width and height of image.
There a example from WP Bakery Docs video:
Related
Goal: When creating an image gallery in Wordpress 5.3.2 using the Gutenberg editor, I'd like to be able to select the image size.
Why: The block gallery automatically serves the large image and then relies on CSS to resize the image to fit the flexbox layout. Instead I'd like to choose the medium size for my site, which is closer in size to what's displayed in the layout. This will improve load times, as users aren't being served oversized images.
Question: Is there some code I can add to functions.php that will give me the option to choose the image size I want or to override the default large size for the medium size?
I understand what you're going for and unfortunately WordPress and Gutenberg still loads the full-size, original image (and just resizes it in css) :(
There are several closely-related issues that describe this
https://core.trac.wordpress.org/ticket/45407
https://github.com/WordPress/gutenberg/issues/9620
https://github.com/WordPress/gutenberg/issues/6177
Update, 2021:
Gutenberg no longer loads the full-size, original image and you can choose which in the block's right side panel which of the registered image sizes to load;
but that image is often still larger than necessary and not fully optimized; more information at https://gist.github.com/skorasaurus/a01249d4302226bf12c80dd979322303
I am trying to create full width banner on a Joomla site which is sitting on Gantry5 framework. Tried to do some css work with no luck.
Here is the url http://tinyurl.com/ptponmd
I haven't worked with Joomla, but what am saying is generic to all CMS.
One solution, will be to add a custom region in your theme template and place slideshow there or print the slide directly in the template.
Here, all contents are wrapped with some 70% width using class"g-container"
If you inspect your site, you will see a section with id="g-navigation" and below that a div with class="g-container".
If you can create a new region and print you slide show inside the Section id="g-container" but above div class="g-container". You will get full 100% width.
Please refer the image, for better understanding http://prntscr.com/7qt0u9
Hope this helps!
I'm using DjnagoCMS 3 and I have annoying problem with all editing popup windows. It happens when page content is bigger (higher) than browser window. When I try to edit text or any cms plugins (double click on content) it shows popup window, but it's height is greather than height of monitor resolution.
If content length is not so big, everything is ok.
Problem is somewhere in js/css of django cms.
I had the same problem and found the solution. The problem is that this line:
https://github.com/divio/django-cms/blob/release/3.0.x/cms/static/cms/js/modules/cms.modal.js#L137
returns the content-height, not the window height, because of this:
jquery $(window).height() is returning the document height
So all you need to do to fix this is declare a doctype in your template.
I am new to magento. I am using a theme 'rwd'. The product images get blurred when its listed on home page.
With Inspect element, I found that its natural image size is 85x85. But re-sized to 140x140. How do i set the image to 140x140 or any other procedure to be taken care for image resolutions?
Try this one :
Go to the file view.xml which you can find in code/Magento/Catalog/etc/.
Open the file and edit line 31 from :
<var name="product_small_image_sidebar_size">85</var>
to :
<var name="product_small_image_sidebar_size">140</var>
If you look inside the template file:
app\design\frontend\rwd\default\template\catalog\product\list.phtml
you will find around line 128 (Magento 1.9.1.x) the image size setting for the Grid View:
<?php $_imgSize = 85; ?>
just change the value to the one you need. After clearing Magento image cache you will find that the small images will be created at the resolution you set, thus not involving the poor browser resize.
In .phtml files there are many of these $_imgSize settings related to the different views, just do a text search for the string.
I think in your case is the uploaded image size is smaller and in default magento resizes product image to 140x140.So in this case the image tends to expand and hence it looks blurr.
One solution would be to upload an image with large size.
I think you should open the magento project with a good text editing software such as sublime text 2, and then do a research in the whole project (ctrl + alt + F), and look for the string '140'.
That way you may find the place where magendo defines the size to which magendo resizes your image.
I am having many webpages and I am using images in every page.I have one folder in my asp.net website.And I have stored my images in that folder.But my problem is when I change width and height of one image then this width and height automatically get applicable to other images that I used in webpages. I tried to change width and height of every image and saved it in aspx file but it didn't work.I am not getting what is the problem.please help.
Do you want to Resize Image of every folder or single folder ?
for getting an idea:
plz visit :
http://www.aspdotnet-suresh.com/2011/05/how-to-resize-size-image-without-losing.html
or
http://www.dotnethelpers.com/Ultimate_Image_Resizer/AspDotNet_Sample