Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 7 years ago.
Improve this question
I can't remove text decoration from my website, precisely on two places: my site title, and on Contact Page.
I tried to do it with classes, I also copied CSS path from Inspect element mode in Opera and transfered it and modified it into wordpress editor.
But nothing happend. Also tried to do it with all <a> tags using a{} in CSS.
Some help would be nice. Thanks in advance guys!
It looks like the text-decoration has been removed, but there is a border-bottom: 1px dotted #333 applied to the site title and the social media icons on the contact page. Are you confusing the two?
If you remove the border-bottom, the dotted line styling goes away.
It is not text decoration what is making your site like this. It is border. Add these lines to your stylesheet (in wordpress editor):
.site-title a {
border: 0;
}
If you also want to remove (under)line from social networks add this:
.drustvenemreze a {
border: 0;
}
You have text-decoration:none set in your CSS for <a> tags, but you also have a border-bottom: 1px dotted #333;
I believe that is what is making it appear that the links you reference still have text-decoration applied. If you get rid of the border-bottom, you should be good.
Related
Closed. This question is not reproducible or was caused by typos. It is not currently accepting answers.
This question was caused by a typo or a problem that can no longer be reproduced. While similar questions may be on-topic here, this one was resolved in a way less likely to help future readers.
Closed 5 years ago.
Improve this question
I have the following line of code, and having added the additional bit (font-colour="green") it doesn't in fact turn the h4 title green.
Can anyone suggest a fix for this?
I also tried added a highlight to the h4 tag, and it removed the left-align feature.
I think the issue may be that I do not understand how it is organised/structured and where I need to make my additions to the code. An explanation of this in any answer would be appreciated.
Code to turn H4 title green (not working)
<h4 style="text-align:left;width:50%;margin-top:30px;font color="green">Tracking</h4>
code to add highlight to H4 tag
<mark><h4 style="text-align:left;width:50%;margin-top:30px;">Tracking</h4></mark>
with the following in the css
<style>
mark {
background-color: black;
color: white;
}
</style>
Along the same lines of formatting for this h4 title text. I tried to add a black line underneath it using and it didn't show up - so whether it was white or transparent I don't know, as it did make a space, but showed no colour.
I then tried this:
<font color="black"><hr></font>
but of course, that didn't work either.
Could the whole problem - with all the examples I've described be something to do with my css? And if so, how do I manually for each individual tag override it to perform the functionality I've described?
You have a typo in your style. Instead of style="text-align:left;width:50%;margin-top:30px;font color="green" it should be style="text-align: left; width: 50%; margin-top: 30px; color: green"
Note the difference between the last parts of both styles.
Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 6 years ago.
Improve this question
TLDR: Please help me remove the underline of the text in the navigation.
Context:
I am making a Mobile news application.
Problem:
I want to remove underlines on the text of the navigation.(Home, login)
<h1>ignore this code </h1>
https://jsfiddle.net/uatmt99g/
Look specifically at the nav div and everything inside.
Similar post I have found whilst researching the issue (click link):
Remove line under image in link
I have tried the following but may have not implemented it correctly:
using CSS to remove text decoration,
using CSS to remove styling of text,
Any help?
Thanks in advance
you are using link () tags. to remove those "underlines" simply use the css below
a {
text-decoration: none;
}
The text with the underlines are links, so they have basic styling that goes with a link, including a line under the text. In order to remove it, you must specify text-decoration: none; to your a.
https://jsfiddle.net/uatmt99g/1/
Add this after nav in the CSS.
nav a{text-decoration: none;}
Links acquire their own properties . you must declare with the #mynewpattern a{} format
Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 7 years ago.
Improve this question
I am trying to style my page with CSS, and I've set the background color. Except my page keeps displaying a white box around all the content in the body of my page. Literally, all I have to do is set the background color, and I automatically get a white box around all the content in the body of my HTML page. I know it has something to do with bootstrap because when I get rid of the bootstrap link needed to use bootstrap in my index page, the white box goes away, but so do my nav-pills and bootstrap buttons. So, how do I get rid of it?
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap
/3.3.5/css/bootstrap.min.css">
html {
background-color: #FFFFCC;
}
Reset the margin and padding of body
html, body {
margin: 0;
padding: 0;
}
Browser set the margin and padding by default. You can override that using above rule. Add this at the start of your CSS.
It's because by default browsers set certain styles on elements by default. I believe html, body has padding: 10px or margin: 10px by default.
A good base to start with to give yourself a clean start is to use something like normalize (https://necolas.github.io/normalize.css/)
I have found the answer. First, the link for bootstrap needed to come before my link for CSS in my index.html, so that CSS would override bootstrap's default styling. Second, I needed to specify background color in the body tag, instead of in the html tag of my style.css file. Problem solved!!
Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 7 years ago.
Improve this question
In http://tpgf7.nicolapps.ch/000555/, when you click the top left button, there is a « Twitter » button in the panel, but it doesn't have the right background-color. This is my CSS :
.social .twitter {
background-color:#55acee;
border: 1px solid #55acee;
}
But this doesn't work. However, the Facebook button works.
Inside /resources/css/tpgwidget.css I've found this:
.social .twitter {
background-color:#55acee;
border: 1px solid #55acee;
}
This is how your .css file looks like, so the special char at the end may be causing your problems. If you remove this char after class name, everything should be displayer properly, nothing else.
There is no twitter class in your stylesheet.Now twitter button accept background color from ".button.active" class.
You should add class ".social .twitter{}" in your stylesheet then you can style twitter button as your needed.Hope this will be work.
.button.active {background: #55acee;color: #fff;}
Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 7 years ago.
Improve this question
I'm a CSS beginner trying to customise my WordPress blog by using a custom.css file.
I'd like to add a margin to the top of a div in order to create a separation with the header.
I tried to just change the style like this :
But when I do so the top margin background is black. It doesn't recover the grey background of the div which contains this div.
Is there any trick to do that easily ? Can I use a border instead of a margin for instance ?
According to that image, maybe you want to specify the padding-top instead of margin-top.
Following is the div which is causing the issue
.html_stretched #wrap_all {
background-color: #333333;
}
Set maring-top as you are trying and add following in your custom.css file
.html_stretched #wrap_all {
background-color: #e5e4e4 !important;
}
It will overwrite the default css and set the background grey and you will have your content body separated from header.