Hey there Jesse,
Hope you’re well! 🙂
Something like this: http://prntscr.com/617zi6? If so, I suggest you use a child theme http://codex.wordpress.org/Child_Themes or use css custom plugin like this: https://wordpress.org/plugins/simple-custom-css/ if you will customize your theme.
Add the code in your child theme’s style.css or using the plugin mentioned above.
#pref-main-section {
padding: 0;
}
Let me know if it helps! 🙂
Take care,
Calvin
Thread Starter
Jesse
(@jchou)
Calvin,
Thank you for the reply. I just downloaded the simple custom css plugin and loaded up your coding into it. I have a feeling the child theme is a bit above my knowledge for now 🙂 I did enter your code in there, and it made a noticeable difference. I can work with that. Is it possible to get the spacing even smaller or is that about it? I’m revering to the top part now, under the donkey and the title. The footer is perfect =) If that is it, then I’ll tell my friends, too bad and stick with it 🙂
Thanks again for the help Calvin.
Jesse
Thread Starter
Jesse
(@jchou)
Calvin,
I was able to reduce the spacing above the Title and under the picture by using the code below. That seemed to have done the trick.
<center><h1 style=”margin-top:-30px”>Welcome to the Order of the Donkey</h1></center>
Now, I just have to figure out how to get the About Us page and the Chili team page to do the same. I had the same code in there, but when the page loaded, it messed up the menu bar on the front page, and it messed with the mobile view.
Are there other places to add that code, that won’t mess with the menu bar?
Hey there Jesse,
You’re welcome and glad to help! 🙂
Do you still want to reduce the menu item’s size? I think it looks great at the moment? If you don’t want to reduce the size let me know what it is that you want. 🙂
Looking forward for your reply! 🙂
Take care,
Calvin
Thread Starter
Jesse
(@jchou)
Calvin,
The issue now is the spacing under the picture on the About Us page and the Chili Team page.
For example, if add this code to the Title line of that page.
<center><h1 style=”margin-top:-30px”>About Us</h1></center>
It will reduce the space on this page, but going back to the front page, it will mess up the menu bar on certain browsers, and it will mess up the mobile version of the page. It will shift things up. Then in the mobile section, the titles do not line up in the boxes. I guess those lines are reading the code also. Is there a way to just make the code read on the individual pages only, or am I out of luck. 🙂
I was able to make the spacing smaller under the Welcome/Title by using the same code above, just changing the px #.
Thanks for all your assistance 🙂
Jesse
Hey there Jesse,
You’re welcome and glad to assist you! 🙂
Tried the style and I can’t see any problem. I will appreciate it if you provide the screenshot for each scenario / page.
Looking forward for your reply! 🙂
Take care,
Calvin
Thread Starter
Jesse
(@jchou)
Calvin,
I was playing around with everything over the weekend, and I think I finally got it where I want it. I was just adding different coding using one of the css plugins. All the spacing issues seem to be looking good. I even figured out how to get my logo to the left of the title and subtitle. So I think I can now close this topic. The only other issue I have now, is the mobile version. When looking on my cellphone vertically the loge and title do now wrap around. Its acting as it is looking at the page horizontally. when I turn my phone horizontal, it all looks good. I guess I can’t have everything my way. haha. You think that is an easy fix?
Thanks 🙂
Hey there Jesse,
You’re welcome! 🙂
Try this
@media screen and (max-width: 500px ) {
div#pref-logo {
width: 100%;
}
#pref-site-title,
#pref-site-tagline {
display: block;
}
#pref-logo > a {
/* display: block; */
text-align: center;
}
div#pref-logo img {
margin: 0 auto;
float: none;
position: static;
}
}
Let me know if it helps! 🙂
Take care,
Calvin
Thread Starter
Jesse
(@jchou)
Calvin,
It worked like a champ. Thank you for all your support 🙂
Jesse
Hey there Jesse,
Glad it’s working for you! 🙂
I suggest you mark this thread as resolved so other members with the same issue can see that this ticket contains an answer that maybe a possible solution for their issue.
Best Regards,
Calvin
