first off I am sorry if my question is very noobish. I am willing to bet it is probably a very simple solution and maybe other ones out there, but as I can word it, I haven't yet found a solution. Anyway, on to it!
I am trying to develop my first website on wordpress. I have chosen this theme to do so: https://en-ca.wordpress.org/themes/urban-bold/
For some reason however, the navigation bar came out completely different from the template and I absolutely hate it!
Here is what it currently looks like:
For some reason the logo or website title just goes on top of the navbar, instead of off to the side like the template, which is what I was going for! Whenever I look for answers in previously posted questions, it seems that I have to edit the CSS or something, which is yet another thing I have no idea how to do it from a Wordpress template. I have downloadd a plugin called Simple Custom CSS, but I am still clueless where to go from there. It's all been so overwhelming to learn this...
I am quite lost here and would really appreciate some insight on how to make the navbar follow the format of the template (logo or title off to the left, with the menu/page buttons off to the right).
Thank you very much for any help!
Add below lines
#media screen and (min-width: 1040px) {
#logo.full { float:left !important; }
}
to your theme css file through FTP
/wp-content/themes/urban-bold/style.css
or from Admin area > Design menu > Editor > select style.css
Related
I do a lot of work during the day and I program in quite a few languages so doing CSS work is a little tough because i don't specialize in it. I have run into an issue where wordpress no longer works for me so I have to do mysite on my own. can you guys point me to a web resource that will show me how to get a a look of a multi-level horiz. menu at the top of my homepage similar to the one found here?
https://www.cssscript.com/create-a-multi-level-drop-down-menu-with-pure-css/
I got that link from a similar thread here on S/O.
I copied all of the code there and put it in the appropriate CSS and HTML files, but I do not get the multi-leveledness. I only got a vertical menu on the left side without color. I'm a source coder, and generally automate things and I'm horrible at designing anything. I draw stick people and that's as far as my artistic talent goes. so CSS falls into that same boat. thanks!
If you really only got a vertical menu on the left side without color, that sounds like none of the CSS styles are actually taking effect. And since none of the elements have classes from what I can see, it sounds like your CSS isn't actually loading or being applied to the DOM. How have you included the CSS rules into your website? Before trying to use a different demo, try to get this specific one working by looking at your HTML structure and figuring out how to get the styles to grab onto the right elements...
(General Kenobi).
Alright, enough fun lets get to the point. I have a question about Wordpress for you guys and I hope you can help me with it. My theme supports an image as an "ad" which you can place below header (menu) and above content on the site. It is not a background, you can set BG of a page and then in theme options add image to be shown.
The problem is, this picture is now on every page, article, everywhere on site. I can live with that but I would like to know if its possible to somehow change HTML or something of a single WordPress page and replace the logo with the different image? I clearly can't do that in editor as it supports only one image for everything so that's why I'm asking to try out code change. I tried to get to the HTML but in WP Editor it shows only a few lines of PHP code.
As I'm typing this I'm realizing some huge problems it might have but I'll post this anyway, maybe some of you will have a great tip :) Thanks for helping me out in any way!
Michal
So I've been tinkering with a REALLY simple web page (and this is why this is painful for me - it's a simple page) and I've been trying to make it responsive. I sort of had it looking right on a mobile screen, but the more I tweaked my code, the worse it got on other sizes.
So..I really hope that I'm not asking TOO much - but again the page is super simple, so this might be simple to answer..so I'll just jump in and ask a few questions :/
I want the page's big call to action image to disappear on a phone screen, and I'm trying to get the logo to center and the phone number to center right under it. I'm trying to get the bullet points images to center above the two lines of text..and the contact form to just fall in right below it (contact form was working just fine it seemed, so no big question there)
I'll link a live copy of the page as a reference - and a link to a page I've been mimicking in case it helps.
http://lab.blacksunresearch.com/ is my page
http://landing.trugreen.com/growth29 is the page im mimicking (sort of)
Again, I hope it doesnt sound like a TON of stuff, but the page is so simple, I'm probably only missing a few lines of code in my media queries
Thanks!
Edit: Moose, emoticon removed - also, I did ask a question - "How do I make this page more responsive?"
Open their CSS and look at parts with media-queries. There is what you want.
There are only 2 css which you should look through:
themeform.css
themeresponsive.css
You have to include some css to make it responsive ( Custom css , Jquery ,Jquery Mobile , Bootstrap etc) . Or you can simply put some Media Queries where you want your webpage to Act differently, ie responsive .
For some reason the content on my Tumblr theme doesn't show up, which is very frustrating. Sometimes it will show for a split second and then vanish. I have NO idea what could be causing this. I can't post the entire theme code in here, since I don't know where the error could be, so I've put the layout code into Pastebin.
Here is the link to the Tumblr itself.
Any advice would be greatly appreciated as the theme looks perfect when it chooses to show up. :/
Remove the bottom: 1%; from the body tag.
Hello I am trying to fix the look of this site my original site was this
http://graydaddy.com
but know that I integrated it with the grou.ps community platform the nav menu gets messed up and the image gets moved down by a bit.
I have been looking at it for a while but cant seem to find the error especially because I did not modify at all the div that contains the nav menu
here is the modified
http://www.graydaddy.com
This is probably a dum mistake by my part but thanks for any assistance
I think I know what your problem is. Each navigation image is a different height. And because there are no styles applied to the table cells, the inconsistent image sizes are throwing off the spacing between the horizontal line rows and the image rows.
If it's possible, redo this navigation with an ordered list, and text as HTML text, not image text. Using images as navigation in the way that your site does, is very bad practice.
If it's not possible, re-create each image to be the same exact height.
*Edit: it just dawned on me, you probably used some sort of online GUI editor to create this navigation, if that's the case, there is not much I can help you with as I am not familiar with the Grou.PS. But you'll probably have to redo the navigation to be more precise
Thanks