Hello friend!! I'd love to use this code as a fun little overview for a fictive settlement, but I was wondering if there was a way for the about box to be wider? Like how it is shown in the profile picture? I've tried tweaking it here and there myself to no avail (I might just be looking completely over it fhbfshbs), but if you could help me out that would be lovely!
hello! sorry for the delay; I only check this account every couple of weeks or so (in contrast with daily on my main account).
so, essentially the deal with this code (and pretty much all of my codes) is that it uses the responsive bootstrap grid system. you can read about it in detail here if you like, but basically the about box is the second column in a row, while the other column contains the tree icon. the width of the tree icon column is defined by the class "col-md-6", while the width of the about column is defined by "col-xl-6". (the md/xl bits do some mobile responsiveness stuff - don't mess with them.) you can use CTRL-F to find them quickly if you don't want to sift through the whole code; thankfully this section is the only place those classes show up! right now, because the grid system uses 12 sections to a row, and both columns have a width of 6, they each take up half of the row. it's very important that both widths here add up to 12, because if they add up to more than 12, one of the columns will be shoved down below, and that would look silly.
in summary: to make the about box wider, you can change "col-md-6" to "col-md-5" and "col-xl-6" to "col-xl-7" (or 4 and 8, or 3 and 9, etc.). but whatever you set it to, remember that the ultimate width is determined by the size of the screen you are using to view the page. hope that helped!
architeuthid_codes
[FTU] Thumbtack
Hello friend!! I'd love to use this code as a fun little overview for a fictive settlement, but I was wondering if there was a way for the about box to be wider? Like how it is shown in the profile picture? I've tried tweaking it here and there myself to no avail (I might just be looking completely over it fhbfshbs), but if you could help me out that would be lovely!
2 years, 3 months ago Edited 11:55 pm
hello! sorry for the delay; I only check this account every couple of weeks or so (in contrast with daily on my main account).
so, essentially the deal with this code (and pretty much all of my codes) is that it uses the responsive bootstrap grid system. you can read about it in detail here if you like, but basically the about box is the second column in a row, while the other column contains the tree icon. the width of the tree icon column is defined by the class "col-md-6", while the width of the about column is defined by "col-xl-6". (the md/xl bits do some mobile responsiveness stuff - don't mess with them.) you can use CTRL-F to find them quickly if you don't want to sift through the whole code; thankfully this section is the only place those classes show up! right now, because the grid system uses 12 sections to a row, and both columns have a width of 6, they each take up half of the row. it's very important that both widths here add up to 12, because if they add up to more than 12, one of the columns will be shoved down below, and that would look silly.
in summary: to make the about box wider, you can change "col-md-6" to "col-md-5" and "col-xl-6" to "col-xl-7" (or 4 and 8, or 3 and 9, etc.). but whatever you set it to, remember that the ultimate width is determined by the size of the screen you are using to view the page. hope that helped!
2 years, 3 months ago
Hello! It's totally okay, don't worry about it! Thank you so much for your help!!
2 years, 3 months ago