Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 8 years ago.
Improve this question
I want to display embeded video in my page in 720px x 405 px so I reduced the default size defined in theme which was 922px but after making changes there is an extra space which is creating an issue and I want to remove this space. Here is the screenshot which I got while using Firebug :-
link :- http://personal.t15.org/Untitled-2.jpg
link :- http://bit.ly/129HyJm
Can anyone tell me how to remove this space?
Add this CSS:
.fluid-width-video-wrapper {
position: relative !important;
bottom: -90px !important;
}
.embed-vimeo {
margin-top: -90px !important;
}
Add this to your css
.embed-vimeo iframe, .embed-youtube iframe{max-height:auto !important;}
Related
Closed. This question needs details or clarity. It is not currently accepting answers.
Want to improve this question? Add details and clarify the problem by editing this post.
Closed 6 months ago.
Improve this question
Generally we use this style
body {
background-image:url("../image/paper.png");
background-repeat: repeat;
background-color: #cccccc;
}
is it possible like this?
body {
background-image:src("../image/paper.png");/* want to use src attribute to get image */
background-repeat: repeat;
background-color: #cccccc;
}
Big NO. You can't it is out of css standard
Visit : https://developer.mozilla.org/en-US/docs/Web/CSS/background-image
Closed. This question is opinion-based. It is not currently accepting answers.
Want to improve this question? Update the question so it can be answered with facts and citations by editing this post.
Closed 6 months ago.
Improve this question
.service-acc {
display: flex;
gap: 10px;
width: 100%;
&-activity {
width: 70%;
}
&-password {
width: 30%;
}
}
In the above SCSS code I am trying to assign the width for flex items by dividing them 70% and 30%, because I want the first item is bigger than the second.
The above SCSS works fine but I want to know whether this approach is correct or some other solution(or CSS properties) to do better than this. Thanks.
This is not really a great solution. How are you going to do this on mobile?
Here is some documentation to get you along:
Controlling Ratios of Flex Items Along the Main Axis
Closed. This question needs details or clarity. It is not currently accepting answers.
Want to improve this question? Add details and clarify the problem by editing this post.
Closed 3 years ago.
Improve this question
I have my whole site responsive but the data i have copied from the vendor site is not responsive i dont know why i have now copied 200 products and not willing to delete and do the work again.
Can anyone guide me my site when viewed in mobile the data gets outside the screen and is being cropped rather then being mobile friendly.
Link is : http://octa.pk/product/unifi-voip-phone-executive-ubnt-unifi-voip-in-pakistan/
I found that your description div has Width in element style, which might be coming from Javascript. An Easy and non-tested fix would be adding below CSS. ( Note: It's example CSS that fixes the main issue. )
#media only screen and (max-width: 600px) {
.comContent {
max-width: 100%;
}
.comProductFeature__content.col--lg12 {
max-width: 100%;
}
.js-waypoints-center.row.comProductFeature.comProductFeature--center.unifi-voip-executive-scalable-system-management.js-animate-slide-up {
padding: 0 10px !important;
}
}
Check fix width here
https://nimb.ws/WHI1GY, Anyway, If you have used the same classes to all 200 Products this will fix it.
If you have copy-pasted these HTML from somewhere, You will have to go through all of the product pages and need to write more CSS code. As Above code is just an example to fix it.
Hope, This helps you.
Closed. This question needs details or clarity. It is not currently accepting answers.
Want to improve this question? Add details and clarify the problem by editing this post.
Closed 8 years ago.
Improve this question
I can not understand why does not work property css
#media only screen and (min-width:974px) {
#bg_top {
background:url(../img/bg_top.jpg) no-repeat center top;
}
#left_column {
float:left;
width:22.4%;
}
}
Everything written is true, but on the site, this property does not work. I ask you to explain what my mistake.
The DOM doesn't see your condition, only the last (
#media only screen and (min-width:973px) and (min-width:973px)
)
In the row upside, you used the wrong syntax.
The correct syntax comment in css is:
/* ÐœÐ¾Ð±Ð¸Ð»ÑŒÐ½Ð°Ñ Ð²ÐµÑ€Ñтка */
Perhaps the wrong code invalidate your condition. Try the correct syntax
Closed. This question needs details or clarity. It is not currently accepting answers.
Want to improve this question? Add details and clarify the problem by editing this post.
Closed 9 years ago.
Improve this question
Created a div with a unique class applied to it in the file bootstrap unique styles, but when the page loads, they disappear. How to understand that their erasure and fix it?
.slider-container {
height: 100%;
position: absolute;
z-index: -11;
}
My site is - http://tourlly.com/new/
http://i.imgur.com/MvkTHzT.png
in your CSS. Check it. And try use validator for markup