No changes in css code possible?

This topic has 3 replies, 2 voices, and was last updated 10 years, 11 months ago by Sakin.

Viewing 4 posts - 1 through 4 (of 4 total)

Author

Posts
December 10, 2013 at 2:17 pm #18093

AnnaLena
Member

Hi there,

I like to make some changes in the CSS-Code (like font-type, background-color, eg.). But if I change something in CSS-Code, nothing happened on my webpage. Any idea what I can do to fix this or what I might do wrong?

Thank you in advanced for your help.

December 10, 2013 at 9:57 pm #18118

Sakin
Keymaster

@AnnaLena: Please post in your site URL and let me know what you want to change it.

December 29, 2013 at 5:54 pm #18718

AnnaLena
Member

Hi Sakin,
you can find the page currently under http://mw.hdm-stuttgart.de/~narrationsforschung/?page_id=2

I like to position the picture on the page “Institut” directly under the top-menu. It should be also as wide as the top-menu (and not as wide as the text area). I put the image into the normal page and put it into a <div> tag with the id “bannerbild”. Then I tried to change this in WordPress under “Design/Theme Options/Custom CSS” with the code: #bannerbild {
position: aboslute;
left: -100px;
top: -100px;
}

I also tried to imbed our own web font with @font-face.

@font-face {
font-family: ‘hdm_frutiger_next_prolight’;
src: url(‘hdmfrutigernextpro-light-webfont.eot’);
src: url(‘hdmfrutigernextpro-light-webfont.eot?#iefix’) format(’embedded-opentype’),
url(‘hdmfrutigernextpro-light-webfont.woff’) format(‘woff’),
url(‘hdmfrutigernextpro-light-webfont.ttf’) format(‘truetype’),
url(‘hdmfrutigernextpro-light-webfont.svg#hdm_frutiger_next_prolight’) format(‘svg’);
font-weight: normal;
font-style: normal;
}

It also dosen’t work. I’m not sure in wich folder on the server i should save the fonts and with wich path to call them up.

I hope you can help me solving my problems.

I wish you a happy new year,
Anna-Lena

December 30, 2013 at 2:43 am #18733
Sakin
Keymaster
@AnnaLena: For Institut Banner Image, just add the following CSS in “Appearance => Theme Options Custom CSS” box.
```
.page-id-2 #main { padding-top: 0; }
#bannerbild {
    margin-left: -40px;
    margin-right: -40px;
}
@media screen and (min-width: 1190px) {
#bannerbild {
    margin-left: -50px;
    margin-right: -50px;
}
}
@media screen and (max-width: 1060px) {
#bannerbild {
    margin-left: -30px;
    margin-right: -30px;
}
}
```
For font embed, it bit problematic. You need to build child theme and add font and then embed it. You cannot do it directly. So, the best option will be to use the Font Plugin. Search the plugin in wordpress.org/plugins
Author

Posts