
-
AuthorPosts
-
January 5, 2014 at 10:48 pm #205693
Hey! :)
I’m close to being perfectly satisfied with everything and collected a my last modifications questions I need help with:1) Is it possible to use the unordered list with icons from the included icon set? (e.g. a small arrow instead of the regular bullet) If yes, can you give me an example what the css code/class would look like?
2) I’m using the table widget (tabular data) because I like the responsiveness and modified the styling. However if I use 4 different tables on one page, the columns have different widths, probably depending on the content. Is there a way to make them line up? Or do I need to go back to regular tables for that? Here’s the page: http://www.tiere-verstehen.com/tiereverstehen/preise/
Also, the table head disappears when the page is resized. Does that happen because of my modifications and is there a solution for this?3) I use the boxed version and on my mobile phone (e.g. at the resolution of 600×800) the site has left and right paddings. Is there a way to force the main content to always have 100% width when reaching a certain breakpoint? (767px for example)
4) When I use a custom menu in the footer, the current page always gets highlighted with a dark background color (see the footer here for example: http://www.tiere-verstehen.com/tiereverstehen/kontakt/) I’m not sure if my modifications caused this, but is there a way to remove the highlighting?
Thanks in advance again! :)
-
This topic was modified 11 years, 2 months ago by
Minz. Reason: forgot a question
January 7, 2014 at 1:34 am #206046Hey Minz!
1) While possible, we don’t have a code example or a how to. You would need to write new custom css to replace the bullets with the icons of your choice.
2) I don’t know why they aren’t lined up on that page. You may want to try adding a blank column on the side of each of the 2/3 columns to make sure everything is getting cleared out correctly.
And possibly try re-making the tables to see if it was just an error in their initial setup.
3) Try adding the following CSS to your Quick CSS (located under the Styling Tab in the theme options) or the custom.css file in the css folder of your theme files:
@media only screen and (max-width: 989px) { .responsive .boxed#top { width: 100%; } }
adjust the max-width as needed to get the effect you are looking for. You *might* need to add !important to the width value if it doesn’t overwrite the themes media query correctly at first.
4) You can use this to remove it:
.footer_color .widget_nav_menu ul:first-child>.current-menu-item, .footer_color .widget_nav_menu ul:first-child>.current_page_item { background: transparent; }
or alter it to fit your design.
Regards,
DevinJanuary 7, 2014 at 6:48 pm #2064131) Okay, thanks for the info!
2) This didn’t work for me. But I simply put everything in one table now with H4 tags for the headlines. Not the best solution since I wanted to have the horizontal rulers, but it works :)
3) Perfect, thank you!
4) Somehow this doesn’t remove it for me. I also tried to add !important, but it’s still there. Any other idea?
Thanks for all the help!
January 7, 2014 at 9:14 pm #206462Hey!
Please try adding Devin’s code to Custom.css file inside Enfold/css folder and check if that helps
.footer_color .widget_nav_menu ul:first-child>.current-menu-item, .footer_color .widget_nav_menu ul:first-child>.current_page_item { background: transparent!important; }
Cheers!
YigitJanuary 8, 2014 at 1:53 am #206564Ah, now it works! Awesome, thanks a lot! :)
In my case I also had to add
-moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;
Because I’m using a shadow on #wrap_all. Somehow this caused a tiny shadow that looked like a border.Great support! :)
-
This reply was modified 11 years, 2 months ago by
Minz.
-
This topic was modified 11 years, 2 months ago by
-
AuthorPosts
- The topic ‘Unordered lists with icons / Tabular table question etc.’ is closed to new replies.