Nimay

Nevermind, I just found the solution myself: just adding "text-indent: -20px;" to the style of the desired object in the markdown code.

Hi everyone, In a webpage where I list publications by year I changed from regular text blocks to markdown blocks because of frustrating experience with the fluid engine in case of many text blocks that should be aligned. I had a small CSS code (see below) to indent the second line in each text block before but now on my markdown blocks it does not apply anymore. Is there a way to use CSS to format the text in markdown blocks too? or is there a way to code it directly in the markdown block? section[data-section-id="65c10c70546d2c05cf4304cf"] p { text-indent: -20px; padding-left: 20px; margin-block-start: 1em; /*space at the top of every paragraph */ margin-block-end: 1em; /* space at the bottom of every paragraph */ } Webpage: https://plane-llama-a88g.squarespace.com/config/ Password: markdown Thanks a lot for any help! Nicola

Perfect, this solved everything. Thank you so much!

@JasonGipson Thanks a lot for your answer, this is great and super helpful! The fluid engine definitely already caused some frustration in this case and your solution is exactly what I was looking for 🙂 I adjusted some minor things in the code and it looks great. I have two small remaining questions: Do you know why the link I incorporated is not displayed underlined and why it does not open up in a new page (i.e. it is just opening up in the same webpage)? Is there an easy way to put the .msc-date-year object above instead of to the left of the .msc-content object for the mobile version? <style> .msc-outer-wrapper{ display: flex; justify-content: space-between; padding-top: 2em; padding-bottom: 2em; } .msc-content{ text-align: left; color: #243551; justify-content: space-between; width: 80%; @media (max-width:768px) {width: 100%; } } .msc-date-year{ width: 20%; } </style> <div class="msc-outer-wrapper"> <div class="msc-date-year"> <h3><span style="color:#243551">2023</span> </h3> </div> <div class="msc-content"> <div> <p2 class="sq">Cossey, S. M., G. J. Velicer and Y.-T. N Yu. Ribonuclease D processes a small RNA regulator of multicellular development in myxobacteria. *Genes* (2023). **MyxoEE-2.** [READ IT HERE][1] </p2></div></div> [1]: https://www.mdpi.com/2073-4425/14/5/1061

Hi everyone, I would like to to create a two-column list or table to display research publications per year on our website. The years should be in the first column; it should be only be about 15% of the total width and I want the text to be bigger there. The second column would be the publication references for each year in smaller text. So far I just created single text blocks for each year and for each reference bock so that I can place them next to each other and format the font individually per block. It is however very annoying to handle all the text boxes and by adding new ones it sometimes messes up all the formatting. If I have it all in one text box I don't know how to have a second column and I cannot format the text for the years differently. If I have just two blocks (one for years and one for the references) it is difficult to match the vertical spacing of the "list" entries because the font size is different between the two blocks. Is there any way how to either create a block with two columns or import a table with different column width or create a list block with two text columns? Thanks a lot for your help! The webpage is the following: https://plane-llama-a88g.squarespace.com/config/ The password is: 2column-list Below is a screenshot of some of the many text blocks I have on the page and how they are sometimes shifted if I try to change something. Thanks a lot for any help! Nicola

Hi @melody495 The !important addition indeed solved it! (plus adding the missing dot in the last paragraph before user-items... ) 🙂 Thanks a lot for your help! And also for the comment regarding finding element names. Cheers, Nicola

Hi @melody495, Thanks a lot for your answer! I have tried adding your code but unfortunately it does not make the slideshow part smaller. The only thing that was changed was moving the left arrow a bit more inside. I was wondering how I can find out what the proper element name is of a specific element that I am trying to change (i.e. ".user-items-list-carousel__gutter"). Is there a way to know which is the correct name for a specific element? Since the padding changes of your code were not performed I assume that the element name may be incorrect? Curious about your suggestions! Nicola

Hi everyone, I am trying to move the navigation arrows in my carousel more to the side so that they don't overlap with the actual carousel slides. Since this is not possible within the basic editor I have tried to achieve it using CSS but have not found a solution so far. The only thing I have done so far is adding a margin to the section (see code below). But this now just allows me to move the arrows to the edge of the carousel section (red lines in the attached picture). I would like to have the arrows outside of the section or have a margin/padding of the slides within the section so that the I can move the arrows within that frame. section[data-section-id="62d8f41af11c953b83ab81a4"] { margin-left: 10vw; margin-right: 10vw; } Any suggestions? URL: https://plane-llama-a88g.squarespace.com/myxoees PW: myxobacteria Thanks a lot for your help in advance!