I have a problem I try to hide date comment on my blog but didn't work can someone help please
Can you post a piece of code of what you tried ?
Because hiding and showing HTML elements is not a very hard thing to do, so it could be the placing of the hide/show statement or it could be the syntax.
It is difficult to tell what is happening without seeing the code.
On Blogger. To hide data comment you need to target the element .datetime
Because there is already a display attribute specified to .datetime.secondary-text in your snipped code, You can change this attribute from display: inline-block to display: none or use the following CSS rule to override the existing one.
.comment .datetime.secondary-text { display: none }
Related
I have a Wordpress website which contains a lot of pre-written CSS-code. One of the prewritten code-snippets looks like this:
input[type=url] {
color: #666666;
... (a lot of other styling properties)
}
Now I wanted to create a design for a single page which contains an input field of type url.
<input type="url" id="input_url" class="dtd-settings-element"></input>
The problem is, that I want to style this input field completely on my own but the pre-written code is affecting that style. Is there a possibility to "deactivate" the pre-written CSS snippet for my new input field?
I know that I can overwrite all the attributes from the pre-written snippet in my dtd-settings-element class. But doing this for multiple elements would not be optimal.
Thanks in advance for pointing me in the right direction :)
EDIT:
Last thing I tried was:
input[type=url]:not(#input_url)
You can use the unique id of the input field with !important to target that element and just apply whatever style you want...
#input_url {
color: red !important;
}
You can try to override styling.
#input_url input[type=url] {
color: #000;
font-size: initial;
...
}
Unfortunately there is no way to deactivate pre-written CSS in your terms. All the possibilities you have already mentioned:
Override all class properties
Modify original styles
Change type attribute
However you can change tag from input to (for example) textarea.
I'm using Ng-Zorro for template styling and am currently implementing an date picker, which I would like to have sitting flush with the dropdown menu above it.
I'd like to manually adjust the width of the date-picker within the template, but I'm seeing this link saying that the width cannot be adjusted...
Trying out html in-line styling did not do anything, so now I'm curious if anyone has been able to readjust the width of the nz-date-picker with Ng-Zorro.
May be you need to set the <nz-date-picker> display:block first
then set the span class="ant-calendar-picker" width:100%
hope this could help u.
Adding the following should work to your component's styling should work for you. The additional styling mentioned in the other response is not necessary for me.
nz-date-picker {
display: block;
}
Why is the icon still visible even with display: none?
.toc.item {
display: none;
}
<a class="toc item"><i class="sidebar icon"></i></a>
In addition to #GCyrillus I want to suggest right clicking the icon and choose "inspect element" in the browser. Look for your code. If it's striked through something else is overwriting your code. Search for a display that's not striked through to see what is messing it up. If you can't find your code the css file is not properly linked.
If you're having trouble overriding the code that's overriding yours in the first place, you might want to add !important to your code.
display: none !important;
The code provided here works. (you can see that by clicking run snippet)
My guess is you have not posted the full contents of your .css file and that you have another css entry contradicting what you are doing here.
Nothing wrong with your code. Check if your CSS is correctly linked to your document or if another rule is overriding it.
My english is not to much good, and i dont know to describe this problem good.
I have some blog on Blogger and I was install some free theme. I dont want to my name (author info) is on whole blog, but there is no button to check it off, I must do it trough HTML editor.
I found and delete it from most of places on blog, but I cant delete it from some header "slideshow"
I try to find it via "inspect elements" option, to find some familiar word there and search it in html. I know to I cant build web site if I dont know main steps, but I always stuck on some stupid things.
<span class="recent-author">Alexandar Sh</span></div>
This part make me trouble, maybe I looks stupid, but I am :D . I am total amateur with this and I dont know what to do to I dont get this anymore.
screenshot
One more Screenshot
This "recent" probably activate this option to work to show slideshow (not moving images <[One more screenshot][3]>) so when I type that "display: none" option, I block all "widget"
Thanks for help!
I got idea (didnt know to that is possible) and add tag to widget part of code. (before I add this, what you add me, after first Style tag. I didnt see before to there is more style tags. So you help me both. I use tag becouse Rico tell me that, and put code what Derek gave me.
Thank you.
You should have access to a .css CSS file. That is the 'Styles' for your site. (.html is the markup/content`) etc. ~ If you can find a place that has CSS rules... you could add:
.recent-author {
display: none;
}
For reasons I'm not going to try and explain here... you may also need to add this:
.recent-author {
display: none !important;
}
Try adding this line in any of your Css files:
span.recent-author {
display: none;
}
If you don't have any Css file / don't have access to any just add an inline style tag in your html file:
<style>
code from above
</style>
This should remove your author span tag.
I know this can be done with custom CSS, but I can't figure out the right way to do it.
I think I can figure it out for all of them if you show me how to do it with just the title.
For example, this is the element I want to remove: <h1 class="page-title entry-title">
I know that {display: none} is the CSS to hide an item, but how can I do it for only a specific page?
the website is: http://myinneryoga.com/strange-exotic-fruit-supplement/
Use h1.page-title { display: none; } to hide the title, this will affect ALL pages that use the same template.
If you want to do it specifically to this post use the following:
#post-28 h1.page-title { display: none; } the post number will lock it to that page only.
Based on that page, the body has classes
<body class="wordpress... singular-page singular-page-28 layout-1c"
28 is the page id of that page, so if you just want a CSS fix for this, you can use the code below
.singular-page-28 h1.page-title{
display:none;
}
note, if you move the wordpress to another webhost, via export/import, you'll need to look at the page_id again if it changed
See this fiddle, if this is the way you want it.
http://jsfiddle.net/Qj4Us/
It simply looks for the targetted URL like "http://myinneryoga.com/strange-exotic-fruit-supplement/" and if found, hides the h1 with class=page-title
Instead of modifying CSS which will affect all pages we can make use of simple plugin. Below are the steps :
Click on Plugins > Add New.
Now search for Hide Title.
Install and activate the plugin.
Now click on Pages > All Pages.
Now edit the particular page where you want to hide the title.
Now, In the right panel you can see an option to Hide title. Check that and publish your changes.