I am using Google Blogger. I just changed template of my blog and choose a new one. But there is a problem with this one. My logo is not fully showing.
My website: www.pkgeek.com
The K of the logo is missing. I tried to find the code for the logo, but didn't find. I think the author haven't typed specific code for the logo.
I think the blogger it self is doing some customization.
How can i fix this ?
Your div is way too small for you Logo :).
Just go in your css file and paste this code.
'#header { width: 30%; }'
I put 30% in case you need to add some things on the right of your logo, if not, just put 100% it goes well.
Good luck ;)
#header needs to be set to width: 267px instead of 220px in your css
Related
I just want to add a basic banner at the top of my tumblr website. The code (posted below) is just below the <body> part of the html, however I can't figure out why any img link that I put into the 'imgurlhere' section only shows up as a broken icon (see picture).
<a href=“myurlhere”><center><img src=“imgurlhere” width=“500”></center></a>
broken image icon that's showing up
My idea is to upload a short gif to tumblr, and then copy the code into the html so that it is placed at the top of my website as an advertisement. However, every url I put into the 'imgurlhere' section shows up as broken - regardless of advice I've found online stating that's all one needs to do.
I'm making sure to include the correct link, such as .png etc
And making sure to copy it straight from the 'copy image address'.
Any idea?
Thanks!
I think that setting width="500" in img tag was causing this issue.
-The best way would be to add a class and then set the width of the image.
.image{
width:500px;
}
</center>
Try using your image there and let me know if it works or not.Thank You
I'm building from the One Page Wonder Bootstrap template: https://startbootstrap.com/themes/one-page-wonder/
I can't figure out how to insert a background image in the masthead. Has anyone had experience with this?
Thank you!
You can replace a good bit of the masthead content with this rule.
header.masthead .masthead-content {
background-image: url('http//example.com/image.png');
}
Replacing the entire masthead is more complex, though. You would probably want to start with editing the HTML to remove the bg-circle elements to give you a cleaner DOM to work with.
I had entered the following piece of css coding in my blog template to give a certain width value to all my post images. Essentially I wanted my post images to stretch the full width of the post container so everything looked uniformed.
.post-body img {
float: left;
width: 683px;
height: auto;
}
However the problem that has come about is that the share buttons at the end of the post have all changed to that width also, which I do not want. How do I change the width of my post images without that piece of coding altering the values for any other images in the post.
Do you have a sample of your html code that displays the problem that you are encountering? It would help to diagnose your problem much more easily.
A sample of the HTML in question would be beneficial. As #Adam says, it sounds like your share buttons can also be targeted with your CSS selector. If the share button images have another class on them, then you could amend your selector to something like .post-body img:not(.share-img).
I have a little experience with dabbling in css but I cannot figure this out. I bet there is only one number somewhere thats wrong but I cant find it.
I was wondering if someone could please help
Website: www.maxanthonyphotography.com/portfolio
P.s The website isn't finished yet anyway but my ocd is driving me mad
thank you in advance
Looking at the style.css file you have around line 2120
div {
height: 650px;
(etc)
}
This will mean that all div tags on the page will have a height of 650px (unless you override it with a class or something).
for now try changing that line to height: 100%;
for future reference (depending on the browser) right click on the page and go to inspect element, this will show you what is going on with different elements on the page.
Topic explains it all. I've got it set as...
body{
background-image:url('images/bg.gif');
background-repeat:repeat-x repeat-y;
}
Can't seem to figure out why it's not rendering in the background. I'm new to wordpress themeing in general. Could anyone help me out? I've posted a link to the content in full below.
http://www.aidanchurch.com/blog/
In the style sheet, I see some garbage characters right in front of the
body{ background-image:url('images/bg.gif');
line in the css file. Those might be making the rendering skip the rule. I'd backspace and clean that up.
It looks like you background image is located here:
http://www.aidanchurch.com/blog/wp-content/themes/bloo_06/images/bg.gif
So first of all try an absolute address like so:
background-image: url('/blog/wp-content/themes/bloo_06/images/bg.gif');
However if that works, you really want a relative URL, so take a look at the directory structure of your theme and ensure the background image is indeed relative to the css file you have written that rule in, in the way you have written.
Check that you have uploaded the correct image to the correct place. When I tried to view the image I could see a very small and transparant image. http://www.aidanchurch.com/blog/wp-content/themes/bloo_06/images/bg.gif .