-
Posts
-
Hi Kriesi and Team, I need help with a couple of changes that the client requires for the website.
1) Is it possible to add a background image behind the logo? http://www.websigner.co.uk/nazarene/
Regarding the Categories on the Homepage
2) Is it possible to make the Categories names “Buttons” – see homepage (All/Ebola Crisis/News/Prayer Requests) so that they stick out and are more prominent?
3) Is it possible to make the Categorie names look like the main menu with the separator line borders around each link? The client would like the categories to look like the main navigation.
4) Is it possible to make the ‘white’ area strip behind the Categories another color on the homepage? Could you possibly send the script?
Many thx for your support. It is much appreciated. Warm regards, Dion
Hey DionRaath!
1. Add this to Quick CSS or custom.css:
.html_header_top.html_bottom_nav_header #header_main { background: ur(URI TO IMAGE) no-repeat centre; }2. To change the sort links to button, you can add this code to Quick CSS or custom.css:
#av-masonry-1 .all_sort_button{ /*Your button style goes here*/ }You can use a css button style generator to generate the styles for your button:
E.g http://css3buttongenerator.com/3. To hide the seprator “/” you can use the following CSS:
#av-masonry-1 .text-sep{display:none;}
4. To change the color of the menu strip, add this to Quick CSS or custom.css:
#av-masonry-1 .av-masonry-sort{ background-color:#C3512F; }You can change the CSS to your liking.
Cheers!
ArvishHey!
Thank you for the update.
1.) Please use this to change the sort categories:
.main_color .av-sort-by-term a, .main_color .text-sep { color: blue; }2.) Remove the border with this:
.main_color.avia-builder-el-1.el_after_av_layerslider.avia-builder-el-last.masonry-not-first.container_wrap.sidebar_left { border: none; }3.) Use this to change the color of the menu container:
.header_color div#header_main_alternate, .header_color li { border-color: red; }Best regards,
IsmaelHi!
Thank you for the update.
1.) The code should change the color of the category sort and separator. Please refer to this link on how to change the font style
: http://www.w3schools.com/css/css_font.asp2.) Can you please provide a screenshot of the issue? Use imgur, dropbox or clipular. The css code above should remove the border of the masonry element.
3.) I’m sorry but what do you mean by “hairline”? A screenshot will help.
Regards,
IsmaelHey!
1.) Fix the category sort with this:
.main_color .av-sort-by-term a.active_sort { color: #ffffff; }2.) I’m sorry but we can’t access the screenshot. Please use imgur or set the dropbox sharing access to public.
3.) You can change the background color of the menu container with this:
.header_color div#header_main_alternate, .header_color li { border-color: brown; background-color: brown; }Cheers!
IsmaelHi!
You can style link text in Enfold->General Styling->Main Content
background color for menu:
.html_header_top.html_bottom_nav_header .main_menu>div, .html_header_top.html_bottom_nav_header .main_menu ul:first-child { background-color: #000; }border above menu:
.header_color, .header_color div, .header_color header, .header_color main, .header_color aside, .header_color footer, .header_color article, .header_color nav, .header_color section, .header_color span, .header_color applet, .header_color object, .header_color iframe, .header_color h1, .header_color h2, .header_color h3, .header_color h4, .header_color h5, .header_color h6, .header_color p, .header_color blockquote, .header_color pre, .header_color a, .header_color abbr, .header_color acronym, .header_color address, .header_color big, .header_color cite, .header_color code, .header_color del, .header_color dfn, .header_color em, .header_color img, .header_color ins, .header_color kbd, .header_color q, .header_color s, .header_color samp, .header_color small, .header_color strike, .header_color strong, .header_color sub, .header_color sup, .header_color tt, .header_color var, .header_color b, .header_color u, .header_color i, .header_color center, .header_color dl, .header_color dt, .header_color dd, .header_color ol, .header_color ul, .header_color li, .header_color fieldset, .header_color form, .header_color label, .header_color legend, .header_color table, .header_color caption, .header_color tbody, .header_color tfoot, .header_color thead, .header_color tr, .header_color th, .header_color td, .header_color article, .header_color aside, .header_color canvas, .header_color details, .header_color embed, .header_color figure, .header_color fieldset, .header_color figcaption, .header_color footer, .header_color header, .header_color hgroup, .header_color menu, .header_color nav, .header_color output, .header_color ruby, .header_color section, .header_color summary, .header_color time, .header_color mark, .header_color audio, .header_color video, #top .header_color .pullquote_boxed, .responsive #top .header_color .avia-testimonial, .responsive #top.avia-blank #main .header_color.container_wrap:first-child, #top .header_color.fullsize .template-blog .post_delimiter, .header_color .related_posts.av-related-style-full a { border-width: 0px; }hairline (3):
.main_color, .main_color div, .main_color header, .main_color main, .main_color aside, .main_color footer, .main_color article, .main_color nav, .main_color section, .main_color span, .main_color applet, .main_color object, .main_color iframe, .main_color h1, .main_color h2, .main_color h3, .main_color h4, .main_color h5, .main_color h6, .main_color p, .main_color blockquote, .main_color pre, .main_color a, .main_color abbr, .main_color acronym, .main_color address, .main_color big, .main_color cite, .main_color code, .main_color del, .main_color dfn, .main_color em, .main_color img, .main_color ins, .main_color kbd, .main_color q, .main_color s, .main_color samp, .main_color small, .main_color strike, .main_color strong, .main_color sub, .main_color sup, .main_color tt, .main_color var, .main_color b, .main_color u, .main_color i, .main_color center, .main_color dl, .main_color dt, .main_color dd, .main_color ol, .main_color ul, .main_color li, .main_color fieldset, .main_color form, .main_color label, .main_color legend, .main_color table, .main_color caption, .main_color tbody, .main_color tfoot, .main_color thead, .main_color tr, .main_color th, .main_color td, .main_color article, .main_color aside, .main_color canvas, .main_color details, .main_color embed, .main_color figure, .main_color fieldset, .main_color figcaption, .main_color footer, .main_color header, .main_color hgroup, .main_color menu, .main_color nav, .main_color output, .main_color ruby, .main_color section, .main_color summary, .main_color time, .main_color mark, .main_color audio, .main_color video, #top .main_color .pullquote_boxed, .responsive #top .main_color .avia-testimonial, .responsive #top.avia-blank #main .main_color.container_wrap:first-child, #top .main_color.fullsize .template-blog .post_delimiter, .main_color .related_posts.av-related-style-full a { border-color: #000; border-width: 0px; }The category problem seems to be fixed.
Hope that helps.
Cheers!
Andy
- You must be logged in to reply to this topic.