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

Wolfsilon

Circle Member
  • Posts

    167
  • Joined

  • Last visited

Everything posted by Wolfsilon

  1. Looking at your website now, I see the purple bar with phone number and email above the header/title. Did you figure this out or did you want to increase the height? Looks fine on my end.
  2. Hello, I'll do my best to explain these steps but doing this is harder than it should be for some templates. To start, you'll want to navigate to your "Code Injection". Settings > Advanced > Code Injection. In the Header injection box, add : <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.2/css/all.css" integrity="sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr" crossorigin="anonymous"> After, click save and navigate back to "Home". Click "Pages" and under "Secondary Navigation" click to add a page "+" and select "Links". For the "Link Title" you'll want to use the icon code for each social icon from the Font Awesome icon library we installed in the code-injection. I'll attach a link where you can search for more icons too. Each Icon will be a separate "page". For Instagram, add this to the Link Title box: <i class="fab fa-instagram"></i> For Pinterest, add this to the Link Title box <i class="fab fa-pinterest"></i> You'll only need to install the Code-Injection once. But you'll have to repeat the Secondary Navigation "Add Page/Link" steps for each icon. After, you've added the icon code to the Title box, in the link field. you'll want to add the URL for each of the social media accounts you want the icon to direct users too. Additionally, If you click the gear symbol next to the "Link" field, you'll find an option where you can have the link open in a new window and a few other options too. Hope this helps!
  3. Hello! I think you could try this in your Custom CSS editor: @media only screen and (max-width: 667px) { #collection-602cfbddf5bccd64b39e9cac { border: 0px !important; } }
  4. Hi there! Try pasting this into your Custom CSS editor: #collection-603bafa78186fa554e4d2112 input[type="radio"] { width: auto !important; } Let us know if it worked for you!
  5. Could you share the URL to your website so we can take a look at it? Also, to clarify, you want this information to be above the title/title-bar of your website?
  6. Ahh, I see now. I'm on the "About - TRAV" page. If you were to use: #block-2fda8c2e7ed40eb43a76 p { font-family: 'Compagnie-2'; } Does that change the font at all in the biography paragraph? Hopefully it does. If so, you may need to use the "[data-section-ID]" call to make the font change on each section.
  7. Hey Charlie! The link you shared is to the editor side of your website, blocked by a password. If you could attach the domain URL we could see the page without a password. If the font isn't included in the stock site fonts, you'll need to download the font and upload the font-file to your site. Alternatively, you can find a third-party host (url) for the font you want to use. Their are advantages and disadvantages to using a third-party host. If the host that you're using goes offline, gets updated to a new link, or becomes abandoned, the website font will revert to default or disappear entirely. That's a decision you'll need to make. Download the ".otf" file and upload it to your site. You can do this in your Custom CSS editor. At the bottom of the CSS editor box, you'll see. "Manage Custom Files". You need to be sure you've uploaded the font-file in that box. Start with: @font-face { font-family: 'NAME_OF_FONT'; src: url('FONT URL'); } If you've found a host, just put the host link as the source in the 'FONT URL' box. After the closing bracket, you'll be able to use that font for the text CSS selectors. Final Example: @font-face { font-family: 'NAME_OF_FONT'; src: url('FONT URL'); } p { font-family: 'NAME_OF_FONT'; font-size: 'YOU_GET_THE_PICTURE'; }
  8. I think you'd be able to decrease the section padding in Site Styles, maybe you've tried that. If you have, this might help. .page-section.vertical-alignment--middle:not(.content-collection):not(.gallery-section):not(.user-items-list-section).section-height--small>.content-wrapper { padding-top: 0; padding-bottom: 0; }
  9. I think that: div.focus-visable { display: none !important; } Should work. Tough for me to test since it disappears when I inspect the element.
  10. This is a paid plugin, right? If so, it's a little hard for me to see what they had you do to install it. Looking at your site I would bet that they had you either add some script the Header code injection or CSS. If you look around and find where it said "<!--Blog Post --!>" and remove just that single line. You should be good to go! 😄
  11. If you're looking for fast and simple "scroll reveal" and block animations. You can use ScrollReveal.
  12. Scrollify is clean and simple to setup on your website. Setting -> Advanced -> Code Injection. Be sure to include tags for JQuery. Add it to the Footer. Sometimes the Head injection won't work.
  13. Sarah, you may have found your answer already but if not, I think if you take a look at Scrollifys config options you’ll get some more info. Out of the box there are some defaults already selected. You should look at the options but I think you’ll find some luck by disabling the “setHeights” option to “False”.
×
×
  • Create New...