I have been trying to adjust the size of the main image in the individual product, what I am trying to do is make the red section cover the blue. I have already tried it with css but it does not work, apparently the base image keeps the measure of 700x700. I'm new to magento and I don't know if there is any function for this. I would appreciate if someone could tell me how to make this change, thanks.
image
You can change image size on etc/view.xml inside your themes directory, if your themes doesnt have any, you can copy from luma or blank theme (its under vendor/magento dir)
dont forget to flush cache after you change value of view.xml
Related
Im using jstree with a dark background, so I wonder how can I change the color of dash-lines(not sure if I call it correctly) between each node. Is it possible with CSS?
As I checked, it seems the dash-lines coming from 32px.png file.
BR
Nima
You will have to edit the 32px.png file to change the dotted line color. I did this for my dark-background web page and it looks much better. I edited the png file with Photoshop Elements and used the "Enhance| Adjust Color| Replace Color" menu to change the black color to a lighter grey by moving the Lightness slider. I also changed the interior color of the selected arrows. Once done editing, save a copy of the original and then replace the file in your CSS themes folder where style.css is.
I can't attach my copy of 32px.png, but here's how to make the change in Photoshop Elements. Other photo editors likely have the same functionality.
Replace Color in Photoshop Elements – Instructions
You can use Bootstrap themed JSTree.
Check out link: enter link description here
with CSS is not posible.
I am reading some data from a javascript file and obtain the background color from it, it seems very simple but I cant find the proper function to dynamicly changed the background color base on these values. I have already tried changing configurations but it doesnot work, beacause the group of configlabels is not available for this colors.
BR,
I would like to know does lazyloading option actually work and how do I verify it. On all my browser, i can see that it actually loads all images at once while the page is loading and not when needed. It does allow me to scroll through even when my images are loading. Each of my images are roughly between 400kb-600kb.
Rgds,
Kong
Yes, it does work.
By default, the $LazyLoading option value is 1. That's to say, it will load image for current slide and 1 adjacent slide.
You can manually set $LazyLoading value to 0, in this manner, it will load image for current slide only.
btw, please make sure you replaced src="url' with src2="url" for all images.
I have used bootstrap3 for RWD and customized my breadcrumb. But, it's not fitting in mobile size.
How can I make it responsive?
Attached screenshot of the problem.
Thanks
I have created a snippet on bootsnipp that may fit your needs.
http://bootsnipp.com/snippets/featured/responsive-breadcrumbs
You can configure this breadcrumb to
display only the last n elements. Ellipses are added at the beginning of the list if elements are hidden.
set a maximum size for each elements. Ellipses are added after the label if it's too long.
By setting breakpoints you can set the number of elements to display and their maximum size for different screen sizes and hence make sure there won't be any overflow.
You are going to have to code that yourself. Without your specific code, no one will be able to give you specific answers. That being said, here is how I would get set up to add custom code to my Bootstrap website.
Using less
First, create a new .less file - this file will be your new primary style sheet. In that file, import in the bootstrap.less file. Compile that file and link it in your HTML files. You should now have an exact copy of the out-of-the-box Bootstrap CSS, with access to all of the Bootstrap variables.
To make any additions, add them to that file underneath the import statement. So in your case, I would grab the variables for the media queries and breadcrumbs (found in variables.less), and customize the style of the breadcrumbs at smaller screens.
Note that Bootstrap is mobile first, which means that the default styles will be applied at the smaller screen, and you override for larger.
Not using less
If you are not comfortable using less, I would say this is a great opportunity to start. That being said, if you want to do it the old fashioned way, then just create a second style sheet that you link in, add it underneath the Bootstrap sheet, and code away.
I have Struggled with the following issue..
I need an Activity Which have an editbox and a chekbox below it..These are placed at the bottom of the screen...I have a background image for this total screen..I need scrolling of the totalview(background image along with edit and check boxes) while with presence of softkeyboard...
At start It was looks good..But at the time of editing the image is Resize(shrink)/the image is overlapped by the edit & check boxes with adjustResize in manifest option...with adjustPan I could get something of requirement but the check box was still behind the Keyboard...I much tried with Scrollviews and include layout options but couldn't get the required....
Could anyone Suggest me anything regarding this..
At last I found some trick to get out of this....what I did was instead of using scrollviews...etc...just I scroll the Parent layout (ScrollTo(x,y)) to some extent upwards...Which works fine with me...