-
AuthorPosts
-
November 21, 2015 at 12:22 am #540010
Hi, 2 quick questions, if you click on the link my 2 problems are:
1. Right at the bottom on the 2 promo boxes, they are not central and are more over to the right, even if you create some columns and put them in the middle column, they are still more over to the right and…
2. On the masonry gallery the thumbnails have a small yellow border on the bottom, this is because i have made the main color yellow so when the mobile menu kicks in, the white navigation text can be seen, but since i added this color the small line appeared under each gallery thumbnail image. i have looked at inspect element and can untick the color and it works fine, but i don’t know the css to do the same. The code below is where you can untick the background color near the end of the code ( background-color: #f4c91c;)
hope this makes sense, cheers guys… :-)
greenwicholympian.co.uk/media=”all”
.main_color, .main_color .site-background, .main_color .first-quote, .main_color .related_image_wrap, .main_color .gravatar img .main_color .hr_content, .main_color .news-thumb, .main_color .post-format-icon, .main_color .ajax_controlls a, .main_color .tweet-text.avatar_no, .main_color .toggler, .main_color .toggler.activeTitle:hover, .main_color #js_sort_items, .main_color.inner-entry, .main_color .grid-entry-title, .main_color .related-format-icon, .grid-entry .main_color .avia-arrow, .main_color .avia-gallery-big, .main_color .avia-gallery-big, .main_color .avia-gallery img, .main_color .grid-content, .main_color .av-share-box ul, #top .main_color .av-related-style-full .related-format-icon, .main_color .related_posts.av-related-style-full a:hover, .main_color.avia-fullwidth-portfolio .pagination .current, .main_color.avia-fullwidth-portfolio .pagination a, .main_color .av-hotspot-fallback-tooltip-inner, .main_color .av-hotspot-fallback-tooltip-count {
background-color: #f4c91c;
color: #ffffff;
}November 22, 2015 at 5:28 pm #540368Hi, i’ve fixed the promo box issue, i had put some css in and made the margin 40px so all fixed now, but still need any suggestions on the small line below the thumbnails, cheers… :-)
November 23, 2015 at 9:02 am #540571Hi,
Glad you got most of your issues fixed, I couldn’t see a small line below the thumbnails though, could you post a screenshot of what you are seeing on your end and in what browser please?
Cheers!
RikardNovember 23, 2015 at 11:03 am #540614Hi, the thin line only shows on google chrome, i have a screenshot but dont know how to post it on here? hopefully if you look on chrome you will see it, but when you untick the background colour (background-color: #f4c91c;) it fixes the issue, just can’t workout the css to use to do the same.
Thanks in advance, ps, if you do need a screenshot, let me know how to post one on this thread, thanks… :-)
November 24, 2015 at 6:53 am #541349Hi,
I’m on Chrome but I can’t figure out what you mean by the thin line, please upload your screenshot to a service like imgur.com and then link to it here.
Regards,
RikardNovember 25, 2015 at 1:01 am #542075Hi, attached is a dropbox link, as you can see under every thumbnail is a fine yellow line of color #f4c91c, when you untick this colour from inspect element the line disappears, i just can’t work out the css i need, cheers in advance… :-)
November 30, 2015 at 6:47 pm #544722Hi!
use this code in Quick CSS field:
figure.av-inner-masonry.main_color { background-color: transparent; }
Best regards,
AndyNovember 30, 2015 at 10:25 pm #544844PERFECT ONCE AGAIN… :-)
December 1, 2015 at 1:27 pm #545133 -
AuthorPosts
- You must be logged in to reply to this topic.