Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search


Circle Member
  • Content Count

  • Joined

  • Last visited

Everything posted by JOHNMD

  1. @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; } @media only screen and (max-width: 640px) { p { text-align: right!important;} } - John
  2. @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.
  3. @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 On earlier revert to: @media only screen and (max-width: 640px) { p { text-align: justify!important;} } or, @media only screen and (max-width: 640px) { p { text-align:left!important;} } There are several options for Justify text. I find for short sentences align-left looks best. https://www.w3schools.com/cssref/css3_pr_text-justify.asp
  4. @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.
  5. On version 7.1 : .sqs-block-code {margin-top: 0; margin-bottom: 0;} -John
  6. @rachelt In your Design> CSS add p { text-align: justify; text-justify: inter-word; } - John
  7. @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: .....)
  8. @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 then import to your platform of choice (must be a standard video size). There is a possible CSS solution; if you place the video as a background and use a foreground overlay as a frame, however as the video playback controller is embedded with the video your going to require some serious coding capability and expect your site to be black listed by Google very quickly.
  9. @pinoff002Version 7.1: add to Custom CSS .header-menu-nav-item {line-height: 30px!important;}
  10. @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.
  11. 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
  12. 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
  13. @Adam_Davidson@Wisemedia@tuanphanOn 7.1. first code line to fix header position. Second line to make drop down background transparent from folder. Set you header to transparent background in header pencil settings. .header#header {position: fixed!important;} .header-nav-folder-content { background: transparent!important; } - John
  14. @displaynamedOn 7.1: for the bottom h1 header. Locate your Page ID and Replace the 5... numbers in below code: (you can change the px number.) Insert code in Design> CSS editor. [data-section-id="5e541d62b2b9400c650b2ddd"] h1 {margin-bottom: -40px!important;} for the paragraphs to header: [data-section-id="5e541d62b2b9400c650b2ddd"] p {margin-top: -20px!important;} if you have a spacer in-between the Clients header and paragraph bottom you can simply delete to move closer. if you have used a different section for the below items locate your page ID and use following code: (replace 5... numbers with your lower Page section ID. ) [data-section-id="5e541d62b2b9400c650b2ddd"] .content {margin-top: -40px!important;} Hope this makes sense. - John
  15. @tylernkime You have all the details. The font foundry company has been very responsive. The Bruno font works with the correct version. I think it's only fair to adhere to their License Agreement. - John
  16. @tylernkimeHave it working with thanks to MADE: Use the otf font which is located in their folder marked 'desktop'. You may need to ask the company madetypeinfo@gmail.com for an updated font file, as you'll notice that my otf version references woff2 in the below sting which appears different to your original file. My code lines are below with Youtube video you can follow. The code is: @font-face { font-family: 'bruno'; src: url('https://static1.squarespace.com/static/5e04314e1e03733084a0d51a/t/5eba88d1b4728154f2f0a428/1589283026214/Bruno.otfbruno-webfont.woff2'); } h3 {font-family: 'bruno'; font-style: italic; font-size: 50px;} .portfolio-text > h3 { color: blue!important; font-size: 30px!important;} https://www.youtube.com/watch?v=4WsiwqQluZc again, to apply the font to all your site h3s you do not need to use last code line above. The last line of code targets your h3 header in the portfolio page only. - John
  17. @TVNS What you heard is incorrect. 7.1 introduces page sections. A page section can be an entire page or a portion of page and you can color away to your hearts content within reason, before taking on code. For example, if you create a blog page select edit mode then when your cursor is hovering over the page section (below the header) you will see a 'manage posts' and a 'pencil' icon appear on the upper right-hand corner of the page section. Select > Pencil > Colors and your site color themes will appear. You can set the background color of your blog page only with the color selection. As Tuanphan pointed out earlier, to change you color options and create re-usable color palates you save out of Edit Mode and go to your Home screen> Design> Colors where you can alter the palettes. SQS has videos on backgrounds in their resources section. Backgrounds can be video, photos, or colors. You can break up pages into different sections and use different backgrounds. - John
  18. @BChase In 7.1 for a page section, locate your page-section ID. Then insert between the brackets and place in Design> CSS Example: [data-section-id="5eae381d41f900399bff0cad"] p{background: red!important;} If you only want to color a single paragraph it's probably best to use the Code or Markdown option, create a Div and then apply css through the css editor. - John
  19. @tylernkimeI went ahead and purchased the font and yes, there are issues with it. It keeps reverting to a web-safe option. The foundry nicely provided me a couple of updates to try out with no success thus far; things are currently back in their hands. I have to say it's a nice font and I discovered the same foundry has one other font of interest to me. Hopefully. we get it working.
  20. @tylernkime for 7.1 should be: portfolio-text > h3 {font-family: your font here !important; font-size: 30px!important;} - John
  21. @simonza. There is absolutely no reason for you to make a change - zero! Your website name is clearly tagged site "title' in the page Header section of the page code and in the 'head' HTML code. Google expects your site h1 title tag to be coded in this manner. Your on-page h1 tags are located in the 'body' section of the HTML. The 'body' and 'head' are distinct code and page areas. Google reads this. They are agreed industry standards. If you were to place two h1 titles in the body area on the same page it may start to affect your SEO, as Google may not be able to understand your content priorities: best practice is to have a single h1 tag in the body of your page with sub-headers as h2, h3 etc. That said, the SEO gurus at Google and beyond have tested and stated publicly that having more than one h1 tag in your page 'body' text alone does not necessarily effect SEO rankings, as long as the crawlers understand your information priorities and content flow. But, for simple sites, I'd keep to one h1 in you page area and keep the h1 in your title. Ignore Seobility on this one.) - John
  22. You can integrate Freshbooks, or a combination of Wufoo and Freshbooks. There's a higher cost involved, you are essentially taking your invoice and cart functions to other, more focused platforms with your main content remaining on SQS.
  23. @tamzyYes, you can use html/css (version 7.1 example): On each page replace your H1 Block with a Code Block. Insert the following code: <div class="font"> <h1>Hello, You! </h1> </div> "Hello You!" should appear on scree (still with the original site settings for now). Save. Then target the div with the Custom CSS editor in your Design section, example: .font > h1 { font-family: "Times New Roman", Times, serif!important; font-weight: 700!important; color: lightgrey!important; font-size: 100px!important;} For each page H1, change the div name from "font" in the above example to your name of choice, best to keep it short. So, a new code block on each page with a unique div name. You insert your wording between the two <h1> blocks brackets on each page. and then for each unique div name e.g. "font" you inset the second code in you css editor with changes, example: On a second page Code Block: <div class="monty"> <h1>Very Good </h1> </div> Design> CSS Code: .monty > h1 { Arial, Helvetica, sans-serif!important; font-weight: 700!important; color: orange!important; font-size: 20px!important;} So match the page code blocks with corresponding codes in CSS. You can vary the colors and font sizes in the above code. These H1s willnow differ from your system settings. You may have to be on the Business version of SPS to enable code blocks. - John
  24. @thiscitymapsYes, exactly. I think this is where you can possibly loose a prospect. And as I've been coding all day with my eyes a little blurry, I m seeing visions of Javelin Throwers, Footballers, Funny Faces and all sorts of abstractions - Map-Stick Men- in your work. I need to take a walk! - best of luck!
  25. @thiscitymapsI love your map work, bright and fun. And your web site displays a modern aesthetic, both elegant and functional. My only beef? I wish I able to see lager product images on your product detail pages; the photo zoom option doesn't match my expectation. I'd like to be able to preview a larger image before purchase. (I did manage to nip out on to your Etsy site and I'm currently negotiating with my wife over wall space. Hopefully, I can become a customer at some point.) - John
  • Create New...