Top Curtain and Featured Image
-
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)
-
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 -
One more question. Now that I’ve increased the height of the menu elements, how do I center the text?
-
-
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!
-
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 -
- The topic ‘Top Curtain and Featured Image’ is closed to new replies.