I am very new to Magento. I'm using Luma Home Page and I have a blank one
I would like to add an image that fully stretch out to cover the entire browser viewport.
Can I do that from the admin panel
Tweaking the following CSS inside home page content?
<p><img src="{{media url="wysiwyg/qualytaly/home-main.jpg"}}" width="1280" height="460" /></p>
if not what would be the procedure to be followed?
Thanks
Can you please check parent div properties. If parent div has some fixed width then your image will not go in full width even with 100% width.
Related
i have a issue in my blog
My sidebar is move under content blog when i publish post, but when i save draft it normal.
Here is the link : https://digitalbyrick.com/ya/
Please helping me to fix it to normal
The width of the element ".has-shadow" is set to a fixed width of 1050px. The width of the ".widget-area" element in your sidebar is set to 280px. This causes the content to overlap as you shrink the screen. These values should be percentages or a "max-width: 100%" CSS rule should be applied to make them fit inside their containers.
I am working on this page: http://www.myfortune3cart.com/journeyfilm/cartadd.cgi
The background below the horizontal navigation is not continuing down to the footer. It does work on other pages:
http://www.myfortune3cart.com/journeyfilm/Products.html
I can't find where to change the css.
Screen shot:
Thank you,
Matt
What happening is on your Product page your background extends to the footer because there is content that fills the container. On your home page the background image does not do this because you dont have enough content to allow the container to extend to your footer.
So once you add your content to the home page the container will grow closer to the footer if there is enough content. If that is not good enough you can add a min-height to your content container so it always touches your footer. I added a min-height: 800px; to your .page-right-container and your content will show like you intended. You will have to adjust the number to fit exactly the way you want but that should get you started.
I am creating a responsive web site using Bootstrap.
The page is simple, yet there is a need for different sections on the same page, each section having a height of 100% screen height, så linking to a section anchor displays that section in 100% height and width. Width is no problem, but having multiple instances of height doesn't stack. Any tips on this issue?
Found a solution - put this inside a jQuery score where you listen on resizing/load events.
$('page').css('min-height',$(window).height()+'px');
Where page is the div section you whish to target.
I have a similar problem as Stackoverflow.com web site has. The problem is width a banner above the content or body of the web site. I want to be able to reduce the width of the browser page but keep the size of the banner no matter what resolution is running the browser.
Example, if you reduce the width of this page you will see that a scroll bar will appear so you can move the page to the right and see the content hide. However, if you look at the banner the banner will have the new width that was reduced the page.
If i understand correctly may be you can define min-width in to the body. Write like this:
body{
min-width:975px;
}
It's mostly happened when the element have auto width & his parent didn't have any width define.
I am trying to adjust my Wordpress theme, and I've created a child theme based on twentyeleven. The main issue I have right now is with the width.
Please take a look at a live sample I created using just HTML and CSS. This is what I am trying to make my wordpress theme look like:
http://danapaigetrentlage.com/cfsa-comps/lff-profilepage.html
I want the page width to be 100% so that the sky background and white-wrap bleed horizontally off the page, but I also want the content to be centered within the page.
You can see how far I've gotten towards this goal by looking at my wordpress site:
http://danapaigetrentlage.com/cfsa-test/
You can see the page is wider than 1000px (the theme's default width), but still not full-width, and there's a horizontal scrollbar, instead of the content just being centered.
I'm just not sure what I'm doing wrong here. Any ideas?
Thanks,
Dana
Looks like it's just a case of setting body's padding to 0.
body {
padding: 0;
}