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 5 years ago.
Improve this question
I'm trying to sharpen my skills by remaking some award winning websites.
With this one in particular
https://justcoded.com/
I don't get how the "JustCoded" text on logo on the top left is no where to be found to change. I spent an hour going through the css, js and html. Still don't see where it is.
Any help on how it's done would be sincerely appreciated.
If you look at the ::before where the text, "JustCoded" is, you'll see that the class that affects it has a content: portion. The content replaces the inside of the a tag with the icomoon font item. Normally icomoon just consists of icons that act as fonts, but instead they made their whole logo be an icon, and are inserting the icon in that area.
.header .logo:before{
font: 48px/1 icomoon;
content: '\e90a';
}
Related
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 2 years ago.
Improve this question
I would like to change the angular material mat-checkbox checked icon. By default, the check icon is a white tick icon shown in a colored background box. What I need is a cross instead of tick (single problem, just show cross instead of tick when it is checked). The whole day searching, could not find a proper solution for that. Would be really appreciated for any ideas with sample codes. I am using Angular 10 and scss styling.
What I want to do
You can replace checkbox's default svg with any svg here.
Just you have to manipulate you dom.
Here is the minimal working example you can achieve
link
I have used document which is not recommended to manipulate dom in Angular.
You can check other methods for eg. renderer2, hostbinding, etc.
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 7 years ago.
Improve this question
Hi I was wondering how can I see what is inside this box "" in the content in the style sheet
for example : I want to know the link of the image:
.facebookicon::before {
content: "";
}
Those square boxes usually mean that the Glyph that should be represented is missing from the character set of whatever program or font is being used to display the text. The only option is to attempt to open the file in another program.
Taking a rough guess it may be that the stylesheet your looking at is using a custom font and has created glyphs for various icons (this is done so that they will scale better on HiDPI screens) and assigned them to regions of the character set that is unused by normal fonts in order to avoid clashing.
In other words, It is highly unlikely there is an image.
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 7 years ago.
Improve this question
Say I want to make a website, and I want the page to have some sort of a main-area, and it's supposed to be something like an open book,
sort of something like that if I want to make my point, I want the left border to be 100% of the height of whatever the page is going to show, and the right border(the one that's intersecting with the left border of the right page) to be say 90% of the height of it... that's sort of the idea of the design.
I was sure there would be some HTML5 features that would support this since I've seen stuff like this around the internet but I realized it wouldn't be that easy.
I hoped that there would be people with proper knowledge of web design that could help me with this thing
This is very good article for page flip functionality with html5 :
http://www.creativebloq.com/html5/create-page-flip-effect-html5-canvas-8112798
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 8 years ago.
Improve this question
I'm using src img to place a logo in the header section. What would the pros and cons be of placing the image in a < div > vs leaving it as a plain ol' img src?
I'm thinking that, for the most part, I should be able to apply the same properties (such as margin, class, ID, etc.) to both. Am I missing something?
Note: I'm not interested in a background-image since I consider the logo content.
tl;dr wrapping is always good thing, if you are going to maintain that code for long enough time.
because you can created very targeted css, show, hide could be easier, round corners and adding text for accessibility will be easier etc..
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
Pretty common problem, judging from what i've been seeing so far. Most of the time it's url problem or backslashes etc. Not this time though
<div id="est"></div>
#est {
margin-left:55px;
margin-top:55px;
background-image: url(http://blabla.com/wp-content/themes/blankslate.3.3/blankslate/images/est.jpg);
background-repeat: no-repeat;
}
I've been trying everything. Local url/full url, quotation marks (single and double), bacground-imgage:/background. No luck...
Html file reads styles sheet.
Thanks in advance!
Your div has no height or width... add both and you will see it. ;)
Alternetively add content to your div.
Your background image link gives a 404 error. You need to put in a proper link!