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

Alan-Squareflair

Circle Member
  • Posts

    537
  • Joined

  • Last visited

  • Days Won

    15

Community Answers

  1. Alan-Squareflair's post in Is it possible to hide a Parallax image with CSS? was marked as the answer   
    Nevermind— I found it. 
    I thought I was identifying the parallax section WITHIN the index section, but it's not associated with the Index 'pages' in the DOM. 
    Instead, I just killed it by using a pseudo-element expression: 
    .Parallax-item:nth-child(4) figure.Index-page-image { display: none !important; }  
    more: https://css-tricks.com/useful-nth-child-recipies/
  2. Alan-Squareflair's post in How can I change the content background color on only one page using CSS? was marked as the answer   
    You may have to force a little harder by adding "!important" to that element. It's likely that the BG color is set in the template, which means you need to override it. (like...)
    .collection-51fe6273e4b018cc005790bd #content { background-color: #ffffff !important; }
    Or try dropping #content
    .collection-51fe6273e4b018cc005790bd { background-color: #ffffff !important; }
  3. Alan-Squareflair's post in How can I remove the padding around images? was marked as the answer   
    To override some core CSS, you may need to add !important to certain elements. The !important rule is a way to make your CSS cascade but also have the rules you feel are most crucial always be applied. A rule that has the !important property will always be applied no matter where that rule appears in the CSS document,that is — considering it’s the correct element
    Caution:
    If you’re wanting to adjust .sqs-block.image-block in your custom CSS, you’re going to effect everything on the site using the same style, which in this case would be any image block you insert.
    … but if you want to play, try this:
    .sqs-block.image-block { padding: 0 !important }
    If that doesn’t work, it could be because they are linked elements, so try:
    .sqs-block.image-block a { padding: 0 !important }
    Maybe an easier thing to do on the site — to add social network icons would be to use the built-in social blocks, which you can configure here: Using the Social Links Block
    Also see: Connecting Social Accounts
×
×
  • Create New...