Top Curtain and Featured Image

Premium Theme Support › Viva Themes › Ladder

• Author
  Posts
• September 7, 2019 at 8:39 pm #147017
  desertmountainoverland

  Member

  I have two items in the top curtain I’d like to adjust:
  1. How to I center the logo in the curtain as I make it bigger?
  2. How do I get the menu to extend the dividers to the image as I make the logo bigger?

  I have one item with the featured images I’d like assistance with:
  1. How do I minimize the overlay opacity of the featured images?

  The blog I need help with is: (visible only to logged in users)

  September 8, 2019 at 7:44 am #147028
  vivawpthemes

  Theme Author

  Hi,

  1. You can reduce the top margin of the logo via css like this

  #logo {margin-top: 7px;}

  2. You can increase the height of the menu elements via css like this

  .mainnav li {height: 80px;}

  3. You can remove the overlay

  #overlay {display: none;}

  Let me know if you need more help.

  Thanks,
  Edy

  September 8, 2019 at 2:07 pm #147033
  desertmountainoverland

  Member

  Original poster

  One more question. Now that I’ve increased the height of the menu elements, how do I center the text?

  September 11, 2019 at 5:17 pm #147120
  vivawpthemes

  Theme Author

  Hi,

  You can use this css code

  .mainnav li {line-height:80px;}

  Thanks,
  Edy

  September 14, 2019 at 4:59 pm #147248
  desertmountainoverland

  Member

  Original poster

  And another question, the IG icon didn’t move with the .mainnav li {line-height:80px;} so with the inspector I tried to figure out the icon name. I came up with .socialicon.instagramicon::before {margin-top:15px;} but only the IG camera icon moved, not the circle.

  How do I either move the circle or get rid of it? Or move the camera and circle together?

  Thank you for all your help!

  September 16, 2019 at 6:33 pm #147284
  vivawpthemes

  Theme Author

  Hi,

  Please remove this code you have already added

  .socialicon.instagramicon::before {
      margin-top: 15px;
  }

  after that use this css code
  a.socialicon {margin-top: 25px;}

  Thanks,
  Edy

  September 17, 2019 at 12:28 pm #147306
  desertmountainoverland

  Member

  Original poster

  Thank you! The second line worked perfectly.

• The topic ‘Top Curtain and Featured Image’ is closed to new replies.