All Questions
4,943
questions
0
votes
1
answer
36
views
How to fix my SCSS so it's applying the text color?
might be best explain with an example
this is the HTML snippet of my breadcrumb. This comes with its own breadcrumbs.scss.
<div class="container">
<div class="cmp-container&...
0
votes
0
answers
33
views
Media Queries Max-Width is not applied even though I am on mobile view (Browser)
I have a website in Astro and using SCSS.
I have a weird bug with the media queries.
I have this styling
@media screen and (max-width: 768px) {
.p-content {
&_inner {
...
1
vote
1
answer
34
views
How do I keep sticky buttons aligned to left and right inside a Scrollable Div?
I have a product page that is horizontally scrollable, I trying to keep the buttons to the right and left to scroll, however, I am not able to set the Top position to those. Here is the code
<div ...
1
vote
1
answer
52
views
how to resize image (background) only for width (height is static)?
I have to get the result: the background image should shrink to fill the entire screen without changing height; so depends on the device width: image width = device width and image height is always ...
-1
votes
0
answers
44
views
Create CSS background similar to one image [closed]
I'm sorry to write this here but I'm looking to create an header and footer for my application and as background color I want to use the same effect (not need to be an animation) of pokemon start ...
3
votes
1
answer
51
views
How to prevent a # href scroll down to a section/id of the page, but still use :target to do other things
I'm new to HTML/CSS/SCSS, but I'm trying to create a single page, that looks like it's changing pages, but really is just using display: none, and display: block.
I got this working with the following ...
-1
votes
0
answers
27
views
Hide copy to clipboard button in markdown
I have a button copy to clipboard. All code boxes in markdown are displayed with the copy to clipboard button. But if I have a code box with text only, then the button is not needed. .text copy-code-...
0
votes
1
answer
39
views
scss sass variable not working in file for background
$enable-grid-classes: false;
$enable-cssgrid:true;
$deepBlue: #032f3e;
body {
--bs-body-bg: orange ;
}
@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:[email protected]&...
1
vote
1
answer
24
views
Highlight.js: Can't get the styling added to my webpage
I'm trying to get a styled block of code on my website. Highlight.js seems to be what I'm looking for. However when I run my website it doesn't show the layout.
What I've done so far:
1 install it by ...
0
votes
1
answer
33
views
PrimeNG Angular Table
I want to do some changes in my , like:
Change the fontsize
Change the button's collors and sizes
Change the size of modal
How can I do that?
I'm currently using :host ::ng-deep to these elements ...
0
votes
1
answer
16
views
How to get scrollbars on container when syntax in code tag is longer than the view
When displaying syntax in a code element, how can I apply scrollbars if a line of syntax is longer than the view?
I've tried overflow: scroll, but it doesn't seem to work how I want it.
As you can see ...
0
votes
1
answer
39
views
Simple Form is rendering duplicate input field in rails 7
Guys I am trying to render a partial form using a simple_form but I am getting a duplicate input field of same attribute.
This is my form
<%= simple_form_for post, html: { class: "post form&...
0
votes
3
answers
60
views
How to style siblings on hover in CSS?
I am trying to apply a CSS color change on the siblings of a list of links under the following format:
<ul>
{{ range .Pages }}
<h2>
<a class="item" href="{{ ....
0
votes
1
answer
51
views
My SCSS does not work beyond a certain point on my live server
The SCSS code only works up to right before the default styles comment.
My SCSS compiles with no errors, I linked the file properly, in fact I used !important to see if it was overwritten and that ...
0
votes
0
answers
31
views
Fix the search bar design height of the search bar
I want to adjust the search bar so it's the same height as the "Add Users" button? It would be great to have them match.
This is my CSS
CSS
.cardWithShadow {
margin-bottom: 20px;
}
....