HollidayHelp

www.pippaholliday.co.uk

Please can you help me adjust the padding so i can see the full name of my projects. //Gallery Caption CSS .gallery-caption p:first-line { font-size: 22px !important; } p.gallery-caption-content { font-size: 12px !important; font-family: 'body' !important; } .gallery-caption p {white-space:pre} .header-nav-folder-content { background: transparent !important; padding: px 30px; } // Button // .header-actions-action .btn { } .sqs-block-button a, [class*='button'], [class*='btn'] { font-family: 'body' !important; } .header-actions-action .btn { padding: 0px 0px; background: Transparent !important; border-color: violet !important; }

I've tried everything how do i make my gallery (strips) captions font size smaller ??? Site Code here: @font-face { font-family: 'Sig'; src: url('https://static1.squarespace.com/static/5f21c44a4c48ab1c1714aa45/t/6352d8c2f6d90b1fae6dc0bd/1666373826731/Latinotype+-+Arida+Regular+DEMO.otf'); } #site-title {font-family: 'Sig'; src:local('Sig'), url(http://static1.squarespace.com/static/5683f9f1cbced6d45d92de3d/t/56855928e0327c02e3702e57/1451579688037/Example.otf)} h1 { font-family:Sig; } //Gallery Caption CSS .gallery-caption p:first-line { font-weight:bold; } .gallery-caption p { font-size: 0.2rem } .gallery-section .gallery-caption { background: ; padding: 1px 0px; } .gallery-caption p {white-space:pre} .header-nav-folder-content { background: transparent !important; } // Button // .header-actions-action .btn { } .header-actions-action .btn { padding: 0px 0px; background: Transparent !important; border-color: violet !important; }

This is the code: @font-face { font-family: 'Sig'; src: url('https://static1.squarespace.com/static/5f21c44a4c48ab1c1714aa45/t/6352d8c2f6d90b1fae6dc0bd/1666373826731/Latinotype+-+Arida+Regular+DEMO.otf'); } #site-title {font-family: 'Sig'; src:local('Sig'), url(http://static1.squarespace.com/static/5683f9f1cbced6d45d92de3d/t/56855928e0327c02e3702e57/1451579688037/Example.otf)} h1 { font-family:Sig; } //Gallery Caption CSS .gallery-caption p:first-line { font-weight:bold; } .gallery-caption p { font-size: 0.2rem } .gallery-section .gallery-caption { background: ; padding: 1px 0px; } .gallery-caption p {white-space:pre} .header-nav-folder-content { background: transparent !important; } // Button // .header-actions-action .btn { } .header-actions-action .btn { padding: 0px 0px; background: Transparent !important; border-color: violet !important; }

Please can you help?

https://khaki-helix-xbzl.squarespace.com/

Thank you! it's still not changing the font size ? Its a gallery strip if that helps with anything?

How do i change my gallery captions smaller! it wont let me make them smaller then 0.5 in the design tools. Here is me css: @font-face { font-family: 'Sig'; src: url('https://static1.squarespace.com/static/5f21c44a4c48ab1c1714aa45/t/6352d8c2f6d90b1fae6dc0bd/1666373826731/Latinotype+-+Arida+Regular+DEMO.otf'); } #site-title {font-family: 'Sig'; src:local('Sig'), url(http://static1.squarespace.com/static/5683f9f1cbced6d45d92de3d/t/56855928e0327c02e3702e57/1451579688037/Example.otf)} //Gallery Caption CSS .gallery-caption p:first-line {font-weight:bold} p { font-size: 0.2rem } .gallery-section .gallery-caption { background: ; padding: 1px 0px;} .gallery-caption p {white-space:pre} .header-nav-folder-content { background: transparent !important; } // Button // .header-actions-action .btn { } .header-actions-action .btn { padding: 0px 0px; background: Transparent !important; border-color: violet !important; }

@font-face { font-family: 'Sig'; src: url('https://static1.squarespace.com/static/5f21c44a4c48ab1c1714aa45/t/6352d8c2f6d90b1fae6dc0bd/1666373826731/Latinotype+-+Arida+Regular+DEMO.otf'); } #site-title {font-family: 'Sig'; src:local('Sig'), url(http://static1.squarespace.com/static/5683f9f1cbced6d45d92de3d/t/56855928e0327c02e3702e57/1451579688037/Example.otf)} //Gallery Caption CSS .gallery-caption p:first-line {font-weight:bold} p { font-size: 0.2rem } .gallery-section .gallery-caption { background: ; padding: 1px 0px;} .gallery-caption p {white-space:pre} .header-nav-folder-content { background: transparent !important; } // Button // .header-actions-action .btn { } .header-actions-action .btn { padding: 0px 0px; background: Transparent !important; border-color: violet !important; }

www.pippaholliday.co.uk

I can't find anywhere where i change the gallery caption size/font ? Also what would the CCS be to create two lines for the captions?

What is the CSS for adding a custom font to H1 for 'Normal' and another font for 'Italic' ?

I'm trying to add the normal and italic custom font to H1 so that it changes when i make it italic, does anyone know the CSS?

How can i reduce the caption padding on images so it sits tighter to the image ?

I have this code that puts the fade on, but when i hover over nothing happens. It meant to revel the image on hover. Any CSS help?

How to i get an overlay over the homepage that when i hover over an image it revels ? https://khaki-helix-xbzl.squarespace.com/config/pages Password:Holliday

How can i get an overlay on the homepage and when i hover the image revels?

How can i keep the drop down menu to stay down and for the 2nd drop down to be aligned ?

How do i get the drop down to permanently stay and the drop down under info to also fall in line ? Code Here: // Header // .tweak-portfolio-grid-basic-height-custom .portfolio-grid-basic { padding-top: 0vw; } .header-nav-item a:hover { color: grey !important; text-decoration: none !important; } .header-title a:hover { color: grey !important; } .page-text-wrapper.clearfix { margin-bottom: -100px !important; } .header-nav .header-nav-item--folder .header-nav-folder-content { background: transparent !important;} a.header-nav-folder-title:hover + div, .header-nav-folder-content { text-align: left !important; position: absolute; left: 235% !important; right: unset !important; -webkit-transform: translatex(-50%); -o-transform: translatex(-50%); transform: translatex(-50%); background: transparent !important; }

How can i get the alignment of the permanent drop down to sit under Portfolio and Information ?

https://khaki-helix-xbzl.squarespace.com/config/pages/6092aa623b708b0d2aa290b1 Password:Holliday

CSS How to reduce top padding on portfolio gallery (grid:simple) page so that it touches the top?

Hello, I'm trying to reduce top padding on the portfolio gallery page so that it touches the top of the page. Any CSS help?

Hey, i'm looking to bring in the line spacing just on this page the words are all under H2 ?

With the Portfolio Hover: Fixed - how do i change the padding so these link can be moved up close to. the next section ?