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

kale

Circle Member
  • Posts

    947
  • Joined

  • Last visited

  • Days Won

    10

Community Answers

  1. kale's post in How do I change the size of the Site Title for mobile site? was marked as the answer   
    You can use a media query to adjust the font size based on the width of the window, try adding this to your Custom CSS section.
    @media only screen and (max-width: 640px) { #header h1.site-title { font-size: 24px; } }
    That will reduce the font size to 24px when the screen width is 640px or less. Adjust the font size (and/or max-width value) to your liking, but 640px and 480px are common values for max-width when targeting mobile devices.
  2. kale's post in How do I change the font size used in the caption of image blocks? was marked as the answer   
    If you want this to be applied site wide, then you should use the custom CSS section, and will only have to add the CSS once -- if you want to control image captions on a single page, then you can use per page code injections and style tags.
    For a single, site wide adjustment, go to 'Change Style' (paintbrush) > 'CSS' (hit confirm) and copy / paste this:
    .sqs-block.image-block .image-caption-wrapper p { font-size: 16px; }
    And then 'Save' in the CSS window, and 'Save' again in the 'Style Editor' slide-out.
    If you want to control it on a page-per-page basis, you would instead go to the page in question, then go 'Manage Site' (gear icon) > 'Page Settings' > 'Advanced' > and paste this into the 'Page Header Code Injection' section (be sure to include style tags):
    <style> .sqs-block.image-block .image-caption-wrapper p { font-size: 16px; } </style>
    You would need to do this on any page you wanted the CSS applied.
  3. kale's post in How do I change the font size used in the caption of image blocks? was marked as the answer   
    If you want this to be applied site wide, then you should use the custom CSS section, and will only have to add the CSS once -- if you want to control image captions on a single page, then you can use per page code injections and style tags.
    For a single, site wide adjustment, go to 'Change Style' (paintbrush) > 'CSS' (hit confirm) and copy / paste this:
    .sqs-block.image-block .image-caption-wrapper p { font-size: 16px; }
    And then 'Save' in the CSS window, and 'Save' again in the 'Style Editor' slide-out.
    If you want to control it on a page-per-page basis, you would instead go to the page in question, then go 'Manage Site' (gear icon) > 'Page Settings' > 'Advanced' > and paste this into the 'Page Header Code Injection' section (be sure to include style tags):
    <style> .sqs-block.image-block .image-caption-wrapper p { font-size: 16px; } </style>
    You would need to do this on any page you wanted the CSS applied.
  4. kale's post in How can I change the top and bottom padding of horizontal rule? was marked as the answer   
    I imagine it would be:
    hr { margin-top: 10px; margin-bottom: 10px }
    or the shortened version is:
    hr { margin: 10px 0 10px 0; }
×
×
  • Create New...