JOHNMD
Circle Member-
Content Count
89 -
Joined
-
Last visited
Personal Information
-
Location
Brooklyn
Recent Profile Visitors
810 profile views
-
Ad7am reacted to an answer to a question: Hamburger Menu Nav across all devices (version 7.1)
-
Adam9 reacted to a post in a topic: text-align: justify;
-
@Adam9 h4 { text-align: justify; text-justify: inter-word;} And a couple of other adjustments for on h4 good measure - I used the Google Proxima-nova font which you must load into the system first!) h4 {font-family: proxima-nova, sans-serif; font-weight: 300; font-style: italic; } The point above on Safari can be an issue with justify text. I've used justify on sites but find that it looks a little too distracting on Mobile. I tend to use it within a Markup section only and usually back off unless completely necessary as I'm down to a specific div which won
-
poppen reacted to an answer to a question: Why is this simple code not working?
-
Why is this simple code not working?
JOHNMD replied to poppen's question in Coding and Customization
.header#header { border-bottom: 3px solid #f27588; } -
JOHNMD started following Style 7.1 Gallery Captions and how to select a section in version 7.1 with css
-
Hamburger Menu Nav across all devices (version 7.1)
JOHNMD replied to rsmith3074's question in Coding and Customization
@MartyMeh To style on version 7.1. Link Alignment: .header-menu-nav {text-align: left!important; margin-left: 15%!important;} Page Background color: .header-menu-bg {background: red!important;} Add image as background to Page: (replace with your image.) .header-menu-bg {background-image: url('https://static1.squarespace.com/static/5e04314e1e03733084a0d51a/t/5ece9831d9f131439a22411a/1590598888064/Cork-City-Centre-at-Night.png'); background-repeat: no-repeat; background-size: cover;} Space between links: .header-menu-nav-item {line-height: 20px- 74 replies
-
- navigation
- hamburger-icon
-
(and 2 more)
Tagged with:
-
@rachelt Hey, typically, if you set the first line below, then all your paragraphs (p) should hold over to the Mobile settings, that is unless you have created css for specific targeted divs. You should only require one line of code - the first line below. The second line of code below is a Media Query specific to Mobile. You'll note that I set that line to"text-align: right" to see where this leads you. If you input both lines (three total below) then you should see a difference and know the code is effective. You can reset to using the first line. p { text-align: justify; } @medi
-
Remove top/bottom padding code block
JOHNMD replied to colleenalicee's question in Coding and Customization
@colleenalicee Locate your page section ID with Inspect and replace in "" below. [data-section-id="5ec161f755776437f35f2e05"] .sqs-block-code { padding: 0!important; } Hopefully, works this time. -
JOHNMD reacted to a question: [Share] Squarespace 7.1 CSS ID List
-
@racheltI'm unclear how you input your titles above. You appear to have different font sizes; some maybe h2 h3 and so on, or you may be using image-captions. Usually the best approach is to locate your Page Section ID and you can replace the "number" in the following code line: [data-section-id="5ea91572b3afb8186001cf71"] .image-caption{ text-align: left!important;} or: [data-section-id="5ea91572b3afb8186001cf71"] p { text-align: left!important;} or: [data-section-id="5ea91572b3afb8186001cf71"] h2, h3 { text-align: left!important;} - hope this helps
-
@rachelt Try this in Design> CSS @media only screen and (max-width: 640px) { p { text-align: justify!important; text-justify: inter-word!important;} } - John For your image question: usually what I do is open up the image editor for each image, select the crop tool and set all photos to the same aspect ratio eg 1:1 for square.
-
Remove top/bottom padding code block
JOHNMD replied to colleenalicee's question in Coding and Customization
On version 7.1 : .sqs-block-code {margin-top: 0; margin-bottom: 0;} -John -
rachelt reacted to an answer to a question: Justifying Text
-
@rachelt In your Design> CSS add p { text-align: justify; text-justify: inter-word; } - John
-
JOHNMD reacted to a post in a topic: Photographer Site
-
using fonts from adobe with version 7.1
JOHNMD replied to maddybchlr's topic in Site Design and Styles
@maddybchlrYes, you paste the code in your Settings>Advanced>Code Injection> Header. I think you must first be on the Business plan. Then you can apply your font in the Design> Custom CSS interface. example: p {font-family: .....) -
@CpeoplesIIIThe answer is: You cannot crop within a video image as the video was originally encoded at full-frame and requires a software decoder embedded within the video for playback. The embed code within SQS works fine for youtube videos. If you own a video that you want to crop, you have to import your full-fame video into video editing software, crop the video, re-size the video (zoom in on itself, going to look pixalated or have black borders, or be a non-standardized video file size) with an effect. When you have rendered your new video you then re-compress the video for export and
-
@StudioIzzy NOINDEX is now gone. I saw a couple of pages appear in Google search as .... (new index) , now i cannot replicate the search return? Your <head> <style> seems unusual leading with CSS styling. I'm not sure how you coded the site and/or template. I think the best option is the earlier reference to recreate your home page assuming that reference correlates to your issue. Update: Looks like the problem is with your home page <head>. Google is indexing Contact - About- New Index (Work) pages. Not your Homepage.
-
looks like your Home page has 'NOINDEX' in the robots text file: Here's a potential answer: https://support.google.com/webmasters/answer/93710?hl=en https://support.google.com/webmasters/answer/6062598
-
Why does photo gallery automatically turn into main banner?
JOHNMD replied to AndrewHopkins's topic in Pages and Content
For V 7.1 It's the default system mode. To change: enter Edit mode, hover your mouse over your image. A pencil should appear in the upper right-hand corner of your image section. Select the pencil. In the sub-editor select 'Background' in the the top row and toggle your background to 'Inset'. - John