I need a little assistance with a couple of things.
1) Please click
here
There you will see a Subscribe Now Box. I want this box to move up on the Navigation Bar just beside that Contact Link. But when I move it up, it goes behind that navigation bar and hides itself behind it. I have tried
margin-top:-60px;
then
position:relative;
top:-60px;
None of the both work. Kindly tell me how can I move it up without getting it behind the navigation bar?
Second thing is that you may note that the font of the website looks all torned. How can I fix it? The font that was used in PSD was "Tw Cen MT" but it looks no where near in the web.
Please guide. Any help would be highly appreciated.
Thanks,
Ahmad
Add this to your CSS, then you can move it up with position:relative; top:-60px;
#search-subscribe-area .content-area {
overflow: inherit;
}
The font is your CSS is 'Source Sans Pro';
Try to use Fonts made for the Web
https://www.google.com/fonts
Here you can go and browse for the fonts you like, and tell the designer he should look for fonts there, you can imprt then to your Website using css and you can download it via .zip so the designer can use the same Font in Photoshop as you see it in the Web
Related
I thought I was going crazy, but a colleague confirmed those gradients are there. How do I remove it?
This will only work on Desktops
On a site www.motosa.co.za - look just right of the Main Menu Bar, seems to be a gradient, darker from left to right?
Can you please help me find and fix the css that causes this. Assuming it is css causing it. It uses the Office theme on Themeforest, and I see those there on the demo as well and the author claims innocence.
Thank you in advance
Yeah I see there's a custom style that you've added
'body { background: #fff;}'
But due to low specificity this is being overwritten by theme styles.
You either need to:
Go to your Theme Settings and find a background color and change it to #fff.
Or in your custom styles write:
body {
background: #fff !important;
}
Somehow my tumblr theme is overriding the formatting I have done to my texts posts (in html). It has decided to unbold everything that was bolded and make everything the same size, even though there was header text in the post. In tumblr itself you see it just like it was formatted to be seen, but in the tumblr theme (blog) everything appears the same format even though it isn't.
I know that there is a line of code inside of my theme overriding the formatting that has, but I have no clue where to find it or what to add to change it. If someone knows how I can change this I would appreciate the solution.
Maybe this is a little too basic but haven't found anything online about how to go around it.
Thanks in advance!
These images show How it looks in Tumblr and How it looks in the theme.
Use the "Custom CSS". It should override any CSS applied to the theme.
Go to the theme customization page (looks like; "www.tumblr.com/customize/yourBlogName")
Scroll to the bottom of the Customization section in the left. Click the "Advanced Options" now paste your CSS under where it says "ADD CUSTOM CSS".
Example; h2 { font-size: 1.5em; color: #6ca516 }
If that does not work use !important (like; font-size: 1.5em !important;). Change the number in font-size and color as you want.
Note:
It should override any CSS applied because in a Tumblr theme's HTML, {CustomCSS} (where all your "Custom CSS" goes) comes after all the other styles.
If you add your rules just before </style> in the theme's HTML, you will also override the styles applied before.
Studying webpages to learn html/css/javascript
Got confused when I thought that most images were linked to or loaded locally... It seems like on spotify their search button is using something I don't understand to load the magnifying glass.
.spoticon-search-32:before {
content: "\f141";
font-size: 32px;
}
If I edit content the picture of the search button goes away so I know its the content that is responsible for the picture. But where the hell is it loading it from? it's not a .png or .jpg extension either...
They are using a font that contains those icons. I don't know which one they are using but here is another example:
http://astronautweb.co/snippet/font-awesome/
element:before {
content: "\f000";
font-family: FontAwesome;
This loads the icon. Now you only have to apply the css selector on a span or i or something else.
It is something called an icon and it is basically a font which is why a size can be specified to make it larger or smaller. I suggest looking at Font Awesome to get a better understanding.
I have tried to change font size of jqxtree, but nothing worked.
Below are the tries:
Appliced embbed style for jqxtree div
<div id="jqxTree" style="font-size: 8px;"></div>
Appliced css style for jqxtree div
<div id="jqxTree" class="treeClass"></div>
.treeClass{
font-size: 8px;
}
I googled and found that font size can be changble by custom theme. But I am looking for is there any way just change the font size of jqxtree without using custom theme. I know that custom theme is good option but right now my requirement is very small. As just want to change the font size do I need to load such a big js file and assuming may face any other issues and understanding css code bit stuff.
Url for change font size via custom theme: http://www.jqwidgets.com/community/topic/changing-font/#post-22806
Note: loading data via JSON. I looking to fix this issue by css if possible.
Please help me to fix this issue by simple way. Thanks in advance!!
This issue was resolved.
#jqxTree li{
font-size:8px;
}
Please refer the below fiddle,
http://jsfiddle.net/zp5qeqn5/
Thanks to all!!!
I am managing my school's website (mpkosis28.com) with NO prior programming experiences. If any, I'm just a 15yo computer technician.
I made a subdomain: http://28cup.mpkosis.com/index.html (yes, I really need to learn php to get rid of html files. And some graphic designing as well.) and I need to put an image behind the content. Something like twitter's background which is shown around the twitter feed.
I can't copy my css code, because I am confused with the formatting here, but here it is.
EDIT: putting a background on the white bars on the side. Like a floating page container with an image behind it.
You probably just need to add the image to the body tag, like this:
body {
font-family: Arial, Helvetica, Verdana, Sans-serif;
font-size: 12px;
color: #666666;
background: url(path/to/image/file.jpg);
}
The white bars is just a default page background. Use the above code in your css and make the path correct and it will work