Short codes won't work

Discussion in 'Terschelling' started by feribelez, Apr 9, 2017.

  1. feribelez

    feribelez New Member

    Joined:
    Nov 18, 2016
    Messages:
    9
    Likes Received:
    0
    Hi there,

    I tried to use your short code for blurring the gallery but it didn't seem to work. I pasted the shortcode into appearance/customize/customccs but it didn't seem to have any effect on my gallery. This is the gallery I would like it to work:
    http://www.belez.photo/gallery/designereyes/

    Also, how do you make the header transparent on a featured galleries section? It is like this right now:
    http://www.belez.photo/archive/

    Thank you,
     
  2. maimairel

    maimairel Administrator
    Staff Member

    Joined:
    Apr 16, 2014
    Messages:
    1,584
    Likes Received:
    58
    Hi,

    What shortcodes for blurring the gallery? Do you mean custom CSS?

    To make the header transparent, look at the attached image. Find that option below the editor, and change that to transparent.

    Thanks :)
     

    Attached Files:

  3. feribelez

    feribelez New Member

    Joined:
    Nov 18, 2016
    Messages:
    9
    Likes Received:
    0
    Well basically, I would like the carousel gallery option as it is, but instead of all the pictures being sharp only have the picture I'm currently looking at sharp. Please see example sketch I did with photoshop.
     

    Attached Files:

  4. maimairel

    maimairel Administrator
    Staff Member

    Joined:
    Apr 16, 2014
    Messages:
    1,584
    Likes Received:
    58
    How did you do that?
     
  5. feribelez

    feribelez New Member

    Joined:
    Nov 18, 2016
    Messages:
    9
    Likes Received:
    0
    Well it's just an example. I took a screen capture and added the blur in photoshop.

    I'm asking, if it would be possible to write a custom CCS that would do this to the gallery?
     
  6. maimairel

    maimairel Administrator
    Staff Member

    Joined:
    Apr 16, 2014
    Messages:
    1,584
    Likes Received:
    58
    This:

    Code (CSS):

    .entry-media--carousel .flickity-cell:not(.is-selected) {
      -webkit-filter: blur(10px);
              filter: blur(10px);
    }
    Adjust the blur amount to whatever you like :)

    Thanks!
     
  7. feribelez

    feribelez New Member

    Joined:
    Nov 18, 2016
    Messages:
    9
    Likes Received:
    0
    I tried to copy paste this into apperance/customize/custom CCS and saved the settings, but it didn't seem to update my galleries. Am I doing something wrong?
     
  8. maimairel

    maimairel Administrator
    Staff Member

    Joined:
    Apr 16, 2014
    Messages:
    1,584
    Likes Received:
    58
    Sorry! It should be flickity__cell, not flickity-cell. Please correct that in your CSS :)
     
  9. feribelez

    feribelez New Member

    Joined:
    Nov 18, 2016
    Messages:
    9
    Likes Received:
    0
    Perfect thank you!
     

Share This Page