Forum Replies Created
- Posts
Please provide url or screenshot so that we can understand your question.
If you are using a big logo image which is not full width then this might help you http://themonic.com/forums/topic/css-change-too-much-white-space-in-header/
Hi,
Paste the following code in appearance -> editor -> custom.css in the very end after everything.
.socialmedia { width: auto; } .themonic-logo img { max-width: 100%; }Kindly provide a download link of the plugin you want to use, we will check that with our test setup. However, please note that many third party plugins require setup and configuration and we do not provide support of third party plugins here.. kindly ask their respective authors.
open flexslider.css, it is inside the JS folder inside theme folder
now replace line 118 to 127 with the following code:
/*Flexslider transparent caption for Iconic One Pro*/ .flex-caption > a { line-height: 2; margin-top: 10px; text-decoration:none; color:#FFFFFF; } .flex-caption { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.2); position:absolute; bottom: 0; padding: 10px; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3); width: 90%; } /*flexslider transparent caption end*/Theme uses CSS Media queries, Refer:
http://www.w3.org/TR/css3-mediaqueries/
http://cssmediaqueries.com/btw just to let you know, we will be having much improved iPad display in the next version if you have some feedback to share kindly send it via the contact page.
Update: New version is now available from within the member area.
Your given link is not opening. Kindly check.
Try pasting this in the custom.css
.flexslider .slides p { margin-top: -31px; } .flex-caption > a { background: #FFFFFF; color: #444444; padding: 7px 6px; }If you are doing a lot of customization use this Child Theme
For font color:
body { color: #000000; }similarly find the elements you want to change the color of and set like above.
You want to change padding of logo?
I see that you are now using big logo instead of text based logo.
For this use this code:
.themonic-logo img { max-width: 100%; }This is because you increased the size of the text logo in the last support thread of yours.
Paste the following in custom.css at the very end after the previous code from the last thread. It should fix it.
@media screen and (max-width: 620px) { hgroup a { font-size: 28px; } hgroup .site-description { font-size: 14px; } }Also try by decreasing the px values as it fits your need.
