peterbjerg

Site URL: https://www.peterbjerg.dk/blog Hi Squarespace community, This one has been nagging me! On my blog page, where all blog posts are listed as excerpts, the title and "read more" both works as links to the individual posts. But the images on the blog page, HOW do I make them work as links too? The images are inserted via Edit Post > Options > Thumbnail Image. I am able to code myself, but I can do code injection, if I know exactly which code to inject, and also need to know where it should be injected. The site in question is a 7.0 site (Wells template)

Site URL: https://arenastrategy.squarespace.com/thinking-blog How do I add padding to top of Blog page in version 7.1? On a blog page, I added a section above the blog-page content. And now the section with all the blog post has VERY little padding/top spacing compared to how all sections looks across this side. I cant/not possible to add blocks within the blog-section, I guess I need code to manually set the padding for this section? How? site/page is here: https://arenastrategy.squarespace.com/thinking-blog Password is: Arenasite I dont know code-language myself, but have no troble adding code to a site (if I am told what code, and where it goes)

Wonderfull, THAT worked!! Could you also tell me what code to add to center the image/alt logo horizontally?

@tuanphan I tried, but it did not work. Site: https://arenastrategy.squarespace.com/cover-page Password: Arenasite All together, the exiting code for this page is: <style> /* hide footer */ footer#footer-sections { display: none; } /* remove padding top first section */ article>section:First-child { padding-top: 0 !important; } /* hide burger menu */ .burger-box, .header-nav-list, .header-actions { display:none !important; } /* hide logo */ .header-title-logo img { visibility: hidden; } </style> ADDING your code, but with link to my image, looks like this, but didnt work 😞 Maybe you can help? <style> /* hide footer */ footer#footer-sections { display: none; } /* remove padding top first section */ article>section:First-child { padding-top: 0 !important; } /* hide burger menu */ .burger-box, .header-nav-list, .header-actions { display:none !important; } /* hide logo */ .header-title-logo img { visibility: hidden; } .header-title-logo a { background-image: url(https://static1.squarespace.com/static/5e3832dd5baacc6c9cad3ad6/t/5e7d04f045189a6da48c2121/1585251568273/Arena-logo-white.png); background-size: cover; background-repeat: no-repeat; } </style>

Hi @tuanphan, Can I use this script for a version 7.1 site too? Client want different color site logo ONLY on landing page/"cover page". I also need to know how to center the logo. I should change the image location url to what ever I get as url adress from uploading alt version of site logo, correct?

hi @brandon Could you tell me how to make item-description with top alignment when text/image is shown in "simple slide show" Slideshow on this site/page: https://arenastrategy.squarespace.com/approach password: Arenasite And other ways to make descriptions appear closer and same distance from image, no matter how long the description is Is it this part of the code, I should change? .gallery-slideshow, .gallery-fullscreen-slideshow, .gallery-reel { .gallery-item-description { padding: 12px 12px; width: 65%; align-content: flex-start; opacity: 1; transition: opacity 0.2s; } I already changed width to 65& and that work. I also changed text styling for description in this part: .gallery-item-description { font-family: "Giorgia", serif; font-size: 16px; color: black; } But regarding top aligment of text, and getting text closer to image, I am lost 🙂 and need your help! ...thanks a million!

Site URL: https://arena-2.squarespace.com/home/#offering Hello all 🙂 In a MARK DOWN BLOCK, I want to set text styling of select text as "small paragraph". So that this text will look like what ever design "small paragraph" to look like in Design/Font.... https://arena-2.squarespace.com/home/#offering Password for site: Arenasite In the Mark Down block text editor, I have the choice to set select text as H1, H2 or nothing? But maybe, there is a basic html code I can insert, that will style select text to be a certain (pre-set) paragraph? If, not, maybe I can insert html to define text styling to be same as small paragraph? (font, size, line height etc) and so forth. I need help for this, since I dont know how to code, but I know how to copy-paste :-). Here is the total code from one of the mark down blocks: > #### Learn more In collaboration with you, we use our analytical framework & data science models to turn human, social and business insights into business opportunities. Core focus areas for Strategic Projects include Business Direction & Strategy, Digital Strategy & Transformation, Product Development & Innovation. > Typical services include: * Redefining your business unit direction to uncover new growth potential. * Defining the optimal mix of products and services in your portfolio. * Building new planning processes that connect different business units across a company. * Developing a foundational perspective and value proposition regarding how to win in a new growth area. * Developing a concrete definition of the new growth area, making a big bet. * Defining your strategic portfolio management model and product strategy. * Developing a clear innovation intent: providing direction, identifying and prioritizing projects. The "#### Learn more" loads an image and accordian script. Its ALL the text below that line, that I would like to style/set as "small paragraph" Thanks!

Site URL: https://arena-2.squarespace.com/approach How can I style image caption text only for select words? I want the first couple of words in bold. Can I add html directly into the image caption/image description? Does @tuanphan or @brandon or @paul2009 (or other genies) site: https://arena-2.squarespace.com/approach password: Arenasite

see what @brandon wrote in this other thread: https://forum.squarespace.com/topic/151777-gallery-caption-workarounds-for-71-round-two/

Hi @brandon MAYBE this is just what I need. Not sure yet. This code has great styling of text for light box view, BUT.. I need to show my gallery in Simple Slideshow mode. And in this mode, the image description text is missing the semi-transparent backgound box, and also, the text appears as one long line and doesnt include all the text. Can you help me to correct the script, so that I will get all the text in a nice way in Simple Slideshow view? Site: https://arena-2.squarespace.com/approach 4th section (only slide show gallery on that page). Password: Arenasite I already added your code to the site wide footer and with the CSS editor. Thanks!!

Thanks for thinking along 🙂. I guess a more simple solution would be using the different images that each contain all 3 squares but in different order. So instead of Interactive shifting between singular squares placed in layers, I would have premade images of each set. I don’t want slide show, but shifting images by clicking on a stack. THAT should be possible, right?

Hmm. I guess I would need to place the three images differently, so that clicking changes order and size change isn’t necessary. Unless some really advanced feature is possible for making interactive graphics.

Site URL: https://arena-2.squarespace.com/approach Help needed. I want to make one figure out of three different overlapping images. Each image being clickable. And when one image/layer is clicked, then it comes to the front. how could I do this?

With this transparency turned OFF 😞 .tweak-transparent-header:not(.header--menu-open) .header-announcement-bar-wrapper { background: transparent !important; }

@tuanphan Hmm... Transparency only works on some of the pages. For example, on this page: https://amal-testsite.squarespace.com/services2 The header background turns solid black???