ATTENTION, PLEASE READ: New topic creation is disabled, as we have moved to a new support system. Your existing topics will remain, but for all new requests you will need to use the new system. Click here to go to the new support request form.

• Back to forum

  Posted in: Atelier
• May 8, 2017 at 1:10 pm #323723
  helban

  Member

  Post count: 4

  Hi Swift

  I am trying to style the posts (masonry) to suit our styling and colours. I am having problems identifying the styling code from my code inspector. It mostly appears to be on the Swift style sheet. Please advise which styling sheet I should be looking at and the line numbers for main post styling. I can then use the child theme style sheet to change it.

  If you have any notes on this, it would be really helpful.

  Many thanks
  Helen Bantock

  May 8, 2017 at 4:06 pm #323770
  Rui Guerreiro – SUPPORT

  Keymaster

  Post count: 25779

  Hi,

  Can you provide us some examples of what you want to change using a screenshot with some marked areas?
  If you can provide us the url to that page it will also help.

  The css it’s in a couple files and we suggest that the changes are made in the Custom css option in the Theme options. This way they will be stored in the database.

  -Rui

  May 8, 2017 at 7:03 pm #323798
  helban

  Member

  Post count: 4

  Hi Rui

  Here is a screenshot of the posts and arrow marking 2 things I would like to change

  I have been using the Custom CSS area in the theme to make changes so far

  Attachments:

  You must be logged in to view attached files.
  May 9, 2017 at 4:28 pm #323948
  David Martin – Support

  Moderator

  Post count: 20834

  1) This is where the post title goes, are you sure you want to remove this? If you want, you can use this:

  .masonry-items .blog-item figure.thumb-media-image+.details-wrap:before, 
  .masonry-items .blog-item figure.thumb-media-slider+.details-wrap:before {
     display: none;
  }

  2) The color is set to #444, this is set in Color Customizer:

  

  For the white background, use:

  .masonry-items .blog-item .details-wrap {
     background-color: #fff !important;
  }

  I’d advise you to remove your custom CSS as this is causing your post title/excerpt to not appear.

  May 15, 2017 at 4:07 pm #324650
  helban

  Member

  Post count: 4

  That worked, thank you very much.

  Please can you tell me how to turn off the ‘love count’. I have put display:none in the CSS but the background still shows.

  Helen

  May 15, 2017 at 4:33 pm #324655
  Rui Guerreiro – SUPPORT

  Keymaster

  Post count: 25779

  try to place

  display:none!important;

  -Rui

  May 15, 2017 at 4:40 pm #324656
  David Martin – Support

  Moderator

  Post count: 20834

  You can disable it in Theme Options => Plugin Options => Disable Love It

• Back to forum

  Posted in: Atelier