Background color
-
Currently my blog has those rectangular white background boxes with black borders for posts and right side texts/photos, Can I make it without the black border, without white background inside of the box areas, but the light green background color for all?
Thanks.
https://luuksy.com/pin/category/momo-style-blog/
-
All you have to do is add some custom CSS to your child theme and use firebug to find the code that needs to be changed to get the look you want. Let me know if I can help you out with this? Its pretty easy to do.
You can email at [redacted] and I would be more then happy to help.@raya18jem – asking people to email you is not allowed here. Please read the forum rules about helping out –
https://codex.www.ads-software.com/Forum_Welcome#Helping_Out
Hello lucylc,
You need to try this in your Custom CSS for achieving that:
.col-sm-12 .post { background-color: #6cbcc4; border: medium none; } .col-sm-4 .sidebar-wrapper { background-color: #6cbcc4; border: medium none; } .col-sm-4 .sidebar-wrapper .sidebar-inner > h4 { background-color: #6cbcc4; }
Thank you.
Thanks, Sam, for your advice.
Where could I find Custom CSS? One post I was reading suggested to go under Theme Option\Blog Features\Custom CSS, however, under my Theme Option, I do not see Blog Features at all.Hello,
You can go through your Dashboard > Appearance > Custom Css. If you wont find that there then you have to add a Custom CSS plugin from Dashboard > Plugins > Add new.
Thank you.
Thanks you so much, Sam, it works great!!!
1) I have the similar issue on my Contact Us, want to delete the border and matching the background color. #ebf4f4. https://luuksy.com/about-us/
2) The contact form is not working either, when fill out any field, it somehow brings back to the photo screen.
Hope you know the answers to fix them.
Thanks again.Hi,
1. For the contact us page you need to try this in your Custom CSS:
.page-id-177 #post-177 { background-color: #ebf4f4; border: medium none; }
2. And for the contact form you can use a plugin called Contact form 7 and replace it in your site with the current contact form or can create a new contact page for better result.
Thank you.
Both worked. Thanks!!!
How do you know the contact us page is the “page-id-177 #post-177”?
Also, can I make the “sent” button flush with the photo on the left on the bottom?
https://luuksy.com/contact-us/
Many thanks.Hello,
1. You can also know that by using some development tool like “Firebug” in “Mozilla Firefox” and “Chrome Inspector ” in “Google Chrome“.
2. Are you referring this:
https://awesomescreenshot.com/0244uqi3d9Really appreciated all your advices. All worked. Thanks.
I am not referring to move the “sent” button below the photo. Only move the “sent” button lower a bit, so the button still on the right side of the photo, but its button bottom flush with the photo bottom.I have more questions:
1) How to put divider line under post title to divide each post, and under the title of each widgets (on the right side)? 2) how to make the title/text on in widgets centered? 3) how to make the photo in the widget round instead of the rectangular now?Sorry to bother you with so many questions. You have been really helpful. Thanks again.
https://luuksy.com/pin/category/momo-style-blog/Hello,
For the “sent” button you need to try this in your Custom CSS:
.wpcf7-form p { margin-bottom: 31px; }
1. In the post title there is a border but not shown because of it’s color, so you can use this for the color:
.post-wrapper .h1-wrapper { border-bottom: 1px solid #888; }
2. And for the widget titles you can try this:
.sidebar-wrapper .sidebar-inner > h4 { border-bottom: 1px solid #888; text-align: center; }
3. https://luuksy.com/wp-content/uploads/2015/04/smiling-woman-150×150.png
Here is the image that you use in the widget, it has some extra space in it. So, please use a picture with no space, perfect square and slightly large so that i can help you to make that perfect round what you want.
Hope that helps you, fill free to ask if you need any other help.
Thank you.
Everything works perfectly.
The editor photo now is without extra space as you suggested. Please teach me how to make them round.
Love all the divider lines under the titles. However, can I delete the divider lines under the name “Julie Galich” & “Lucy Chen”? Can the rest of the divider lines on the right having a little more space between the title and the text lines?
Also, the blog category search button doesn’t have the collect category choice yet, how can I fix it?
Many many thanks.
https://luuksy.com/pin/category/momo-style-blog/Hello,
The image That you use now also have some extra space in both sides:
https://luuksy.com/wp-content/uploads/2015/04/Editor-150×150.png
But it may helps you to round that up:
.sidebar img { border-radius: 75px; }
For the space between text and line you can try this:
.sidebar-inner > h4 { padding-bottom: 10px; }
To remove the border under the name “Julie Galich” & “Lucy Chen” you can try this:
.sidebar .sidebar-wrapper:nth-child(2) .sidebar-inner h4, .sidebar .sidebar-wrapper:nth-child(3) .sidebar-inner h4 { border-bottom: 0 none; }
I am not sure about the theme setting, so please check the setting of the theme if you can find a option for blog category search button.
Thank you.
The first two working perfect now. The photo with rounded corners look way better than the rectangular ones. Thanks.
Is there any way I could make the top two text lines under MOMO Style Blog align from the right? Can I make the two Categories/Archives arrow buttons gray instead of blue now? Also, I am using the “footer putter” plugin currently, can I add some texts with link, such as Privacy Policy or Terms of the Service?
Thanks so much!Hello,
1. I can see the first two lines aligned correctly.
https://awesomescreenshot.com/0e14v3c4f6
What do you really want to do there?
2. Are you referring to the drop down buttons there? If so then there is no way to adjust there color.
3. I am not familiar with the theme and plugin but you can edit the footer.php to add the pages there in the respective place if your theme is not providing an option for footer menu. But if you are not comfortable with editing core files, then you can use some plugin for menu in footer using this link:
https://www.ads-software.com/plugins/search.php?q=menu+in+footer
Thank you.
- The topic ‘Background color’ is closed to new replies.