I am trying to build a website using bootstrap,so while making navigation menus of home,about,etc and trying to give top margin using my own built css class,but its showing now effect even after using my css class, what's the problem,please help enter image description here
Not sure what you are trying to do but if you need borders then Try using Borders rather than using Margin
Eg: border-bottom:10px
regards
Kiran
If I can see well, your problem is that you have
my name.
a class have to be together, something like:
my-name
Related
Hey guys,
I have attached a photo to show and figure out why my media query is not working properly. In this photo I want to show you that I want to make a contact page and I have styled it in HTML and in CSS. After completing styling I want to make it responsive, so I used media query. But as shown in the picture, it is coming after css which is affecting my media query and block it to make it responsive. I just want to know why this is happening. I have also checked linking and asset target but I am unable to figure it out to solve this problem. So guys, please help me to solve this error.
Thank you in advance.
Once you should try in the media query css property
width:100% !important;
sometimes css property clashes with same selector in property
When it comes then you should define in property as important in css
can anyone help me to make a sticky section which will be like this https://stonescorner.denta.com.au/ (mobile version) example site. i would like to create a same section with 2 buttons on swipepages.com but i am not sure what would be right custom css and html to use on the site to make something like this. anyone could help me on that. have a great day!
Regards
Jahidul
i would like to create a same section with 2 buttons on swipepages.com but i am not sure what would be right custom css and html to use on the site to make something like this.
You will need to use the positions property of CSS. Either position fixed or sticky.
I am using Responsive Hexagon Grid as my base layout. After clicking a hexagon, I want a Modal to show up. For that I'm using Materialize CSS. However, After importing materialize CSS, the hovering effect of hexagon.css is completely messed up!
Is there any way I can solve this and get original hover effect like below? I'm new to this stuff.
https://github.com/web-tiki/responsive-grid-of-hexagons
See the error here:
http://imgur.com/a/IhO5Q
(You may need to Google about Materialize CSS as I'm not allowed to post more than two links here).
I'm answering my own question here:
The conflicting code was for h1 tag. You just have to remove bottom padding from h1 tag to get things work!
I have created a view in the back-end named 'photo gallery'.
I have CSS in style.css where class name is
.gallery{...};
I want my photo gallery to have the .gallery CSS.
In the views block I have tried giving the Css as
settings-> add field html-> add css class-> .gallery
but its not taking the css. is there any other way? what am i doing wrong here?
can anyone help me how to achieve this?
drupal should add wrappers to your view by default, the correct CSS class to use should be:
.view-photo-gallery{}
or when it's in a block:
#block-views-photo-gallery-view-block{}
Also classes for first, last, even and odd rown will be added.
If these don't work, use inspector to determine the correct classes
i've been trying to create pattern for my website using div elements. The problem is than my knowledge in css is very limited and i've no idea how to make the pattern like this
I tryed to use block, inline-block, but were not able to achieve the pattern i'm targeting to.
It's possible to do it with table, but than code looks like piece of thing.
It would be great if you will help me, because doing this not only to create a web site but also to learn css, so comments are really welcome.
Thank you in advance
make a parent div and add all properties to that like width of the container and height of the container. then add css property to each element individually or by grouping in class