Questions tagged [text-styling]
139 questions
0
votes
1 answer
C# - How to maximise the font size of a label that can wrap inside a container?
Say you have a label. This label sits inside a container, lets say a TableLayoutPanel for argument. You dont always know the amount of text that the label will hold. It can be a few words or it can be a whole paragraph. You cant resize the…
Victor Bruwer
- 21
- 2
0
votes
0 answers
Text doesn't accept new FontWeight of modified TextStyle
I have a TextStyle called headline2, which is bold. Now I want to have a text with headline2, but not in bold. I can modify headline2 with textTheme.headline2!.copyWith(fontWeight: FontWeight.normal);or I use apply(fontWeightDelta: -3). Either way,…
murkr
- 634
- 5
- 27
0
votes
2 answers
Is there a way to wrap text to a new div/p/other element automatically without manually needing to manually or with .Js/js framework?
what i'm looking to do, is something akin to text-box wrapping in photoshop/illustrator/other, where you can write one paragraph, but if you "spill over" it will jump to another text box as if it's filling out that one.
I'm ideally looking for a way…
iminsert
- 19
- 6
0
votes
0 answers
text above row of buttons in React Native
This should be relatively easy for a React Native expert. I simply wish to display some text, and then under the text should be a row of buttons. Beginning with the row of buttons, this seems to work fine:
constructor(props) {
super(props);
…
Pangit
- 564
- 1
- 7
- 23
0
votes
1 answer
How can I responsively diagonally overlay text across the page?
I'd like to have a custom error/loading page on my site which display the the error code or some dynamic text like error and loading diagonally in big bold letters across the page. Ideally, it'd work using only css but I don't mind place the letters…
Hugo
- 349
- 3
- 6
- 23
0
votes
1 answer
How to add whitespace between two elements in razor (Blazor) file?
I'm trying to add space between two strings in razor file in Blazor project.
What I'm trying to achieve is to get string like $"{name}, {date}".
Its complicated because I want to set different style for {name} and {date}. So in razor file, I have…
Endi
- 17
- 4
0
votes
2 answers
Flutter different screen layout in different phone
I was facing this problem when I try to open my app on different phone. The text seem moved away and different size. Hereby I included my code. What should I do t make it flexible? As you can see mostly I design the layout using height and width…
Wesley
- 65
- 9
0
votes
2 answers
Are there other ways of styling HTML content to uppercase other than CSS text-transform and JS .toUpperCase?
I have a WP site with "baskerville2" theme and am trying to remove uppercase styling to some menu items.
I found some 'text-transform: uppercase' rules in the stylesheet and have removed these - as well as adding 'html {text-transform: none…
dsb27
- 19
- 5
0
votes
2 answers
Fix large spacing in drop-down menu content
I coded a drop-down menu into my first project, but the space between the words is strangely large. Image linked, but for example, one of the items says "Classical_______History", with the underscore indicating a huge space. I tried adjusting the…
BJude
- 1
- 2
0
votes
0 answers
Chrome based browsers not copying text/html styling
I noticed Chrome-like browsers are not copying HTML formatting. Unlike Firefox.
I used xclip to inspect the clipboard and the targets are…
ydrezende
- 3
- 1
0
votes
1 answer
i18next how to use the Trans component in React Native
How to apply a bold weight to certain parts of the translation using the Trans component in React Native?
Since HTML tags like don't work, we have to create our own custom component that applies certain text styling to…
abdou-tech
- 687
- 1
- 8
- 16
0
votes
0 answers
Adding a custom underline style to element
I am currently adding an svg image to the :after element of the underline selector.
I have it working but it only looks best when the underlined text is a few words long, is there a smarter way to do this so it looks the same when one word or…
Joe W
- 249
- 2
- 8
- 18
0
votes
1 answer
Bootstrap 5 Responsive Text and Alignment
I want to make my div element centered but the text alignment is on the left.
Code:
…
Hello, what we can do for you?
Chloronic
- 13
- 4
0
votes
0 answers
Text with property text-overflow:ellipsis; pushing text to the left
I am working on a react project and I am creating a note taking application with a simple text editor. I have a simple note component that is just a div element with an h3 inside that has these styles:
note {
border-bottom: 1px solid gray;
…
ordancheg
- 43
- 5
0
votes
1 answer
Auto indenting lines in html using css
The desired result from this code is for the lines to auto indent, based on the previous sibling element. Right now the best I can do is hardcoded CSS classes, which I've included in the below example.
If possible, I'd like to have the text indent…
Jace Robin
- 13
- 1