-
Posts
-
I absolutely love the theme but I have a couple of basic styling issues I need some help on. http://4db.4ec.myftpupload.com
1. I would like to change the background where the social icons are to black.
2. I want the border lines removed between the social icons, and underneath and above the header.
3. I would like the header font color to be white, the hover color to be white and turn the text black when it is hovered over like my other site (http://unpluggedeventlighting.com)
4. How do I remove where it says Enfold Theme by Kriesi in the footer (I can’t find that option anywhere)Thank you so much!
1-3:
http://kriesi.at/documentation/enfold/custom-css-and-quick-css/#header_meta { background-color: #000000; } #header_meta .social_bookmarks li { border: medium none !important; } #header_main { border: medium none !important; }4: add “[nolink]” at the end of your footer text.
Thank you! For some reason the styling features aren’t working for my site. I enter them in and update them, clear the cache on my device and reload the page but they keep reverting to the previous style. I am running a child theme if that makes a difference but I don’t think it should. Can you please help?
Ok so I got the styles to update by clearing the cache and the history on my browsers so everything is ok on that end.
A couple more changes I need:
1. There is still a border line on the iPhone version of the site next to the mail icon.
2. I would like to change the color of the phone number to this color #018db0
3. I want to change the background of the mobile menu to black
4. Is there a way to center the logo on the iPhone only?Thanks again for the help and the awesome theme!
Hey!
1-4. Add this to the Quick CSS:
.social_bookmarks li:last-child a { border: 0 !important; } @media only screen and (max-width: 767px) { strong.logo { float: none !important; } strong.logo img{ margin: 0 auto !important; } }2. that text is already of that color.
3. The mobile menu background is already black.
Cheers!
JosueThank you so much!
1. I want to change the color of all of the menu titles font color so they are white all of the time. How do I do that?
2. I was able to change the text color with some code I found on the forums but for some reason it doesn’t show up on my iPad or iPhone even after clearing out the cache. Not sure if the code is correct or not or if I need to add something else in..phone-info span{ color: #018db0; }3. I would like to remove the border from the mobile menu and move the menu to upper right corner (to the right of the social icons).
4. When the mobile menu is pulled up there is a border line on the left hand side running vertically that I would like to remove.
5. Lastly the centering of the logo on the iPhone worked but because of the layout of my icon (the word events that extends out) it center off of the entire logo. I basically want to get the DJs2Go part of the logo centered underneath the social icons and phone number so it needs to be shifted over to the right slightly.Thanks again for the great support!
Hey!
2- Please try adding following code to Quick CSS as well
.phone-info a, .phone-info * { color: color: #018db0!important; }3-
@media only screen and (max-width: 768px) { #header_meta { background-color: transparent!important; z-index: 1; } #advanced_menu_toggle, #advanced_menu_hide { top: -60%; }}4-
#mobile-advanced, #mobile-advanced a, #mobile-advanced .mega_menu_title { border-left: none! important; }5-
@media only screen and (max-width: 480px) { .responsive .logo a, .responsive .logo img { margin-left: 50px!important; }}Regards,
YigitThanks Yiggit!
A couple more issues after adding this Quick CSS in:
2. Phone number still doesn’t appear in the color I’m trying to get it to appear in even after adding the new code. When I resize my browser window however it does work but just not on my mobile devices which is strange.
3. Moving the mobile menu to the upper right corner worked like a charm but now when I pull up the mobile menu the “X” to close the window has disappeared. Can you please help me add it back?
5. When the iPhone is in portrait mode the logo is centered but when I turn the phone to landscape mode it is not. Can you please help me center the logo when in landscape mode?Hey!
2- Please go to Appearance > Editor and open Header.php file and add following line to before closing </head> tag
<meta name="format-detection" content="telephone=no" />3-
@media only screen and (max-width: 768px) { #advanced_menu_hide { top: 3%; }}5-
@media only screen and (max-width: 768px) { .responsive .logo a, .responsive .logo img { margin-left: 60px!important; }}You may need to adjust the value to center it perfectly
Regards,
YigitHi!
Please try following code
@media only screen and (max-width: 768px) and (min-width: 481px) { .responsive .logo a, .responsive .logo img { margin-left: 80px!important; }} @media only screen and (max-width: 480px) { .responsive .logo a, .responsive .logo img { margin-left: 47px!important; }}Best regards,
Yigit
- The topic ‘General Styling Issues’ is closed to new replies.