-
Search Results
-
Topic: Special heading H1 like H3
Hi,
For my special H1 heading, I’d like to have exactly the style of the special H3 heading. Like this (with same font-size, same inner-border, same margin between the title and the text) : http://kriesi.at/themes/enfold/pages/
What can I do this please ?
Thanks !
FranckOk so I’m working on my site & I am trying to change the footer font color white, but it will not let me change it to white. I can change it to any other color, but not white. Has anyone seen this & if so is there a workaround or something? Is it possible some of my previous quick css’s have messed with it? Screenshots & all custom css’s below. Help? Thanks!


And here is my quick css:
@font-face { font-family: 'amaranthbold'; src: url('amaranth-bold-webfont.eot'); src: url('amaranth-bold-webfont.eot?#iefix') format('embedded-opentype'), url('amaranth-bold-webfont.woff') format('woff'), url('amaranth-bold-webfont.ttf') format('truetype'), url('amaranth-bold-webfont.svg#amaranthregular') format('svg'); font-weight: normal; font-style: normal; font-family: 'amaranthbolditalic'; src: url('amaranth-bolditalic-webfont.eot'); src: url('amaranth-bolditalic-webfont.eot?#iefix') format('embedded-opentype'), url('amaranth-bolditalic-webfont.woff') format('woff'), url('amaranth-bolditalic-webfont.ttf') format('truetype'), url('amaranth-bolditalic-webfont.svg#amaranthregular') format('svg'); font-weight: normal; font-style: normal; font-family: 'amaranthitalic'; src: url('amaranth-italic-webfont.eot'); src: url('amaranth-italic-webfont.eot?#iefix') format('embedded-opentype'), url('amaranth-italic-webfont.woff') format('woff'), url('amaranth-italic-webfont.ttf') format('truetype'), url('amaranth-italic-webfont.svg#amaranthregular') format('svg'); font-weight: normal; font-style: normal; font-family: 'amaranthregular'; src: url('amaranth-regular-webfont.eot'); src: url('amaranth-regular-webfont.eot?#iefix') format('embedded-opentype'), url('amaranth-regular-webfont.woff') format('woff'), url('amaranth-regular-webfont.ttf') format('truetype'), url('amaranth-regular-webfont.svg#amaranthregular') format('svg'); font-weight: normal; font-style: normal; } .logo a { height: 156px; } .logo { width: 476px; height: 156px; } .fixed_header #header { position: fixed; height: 156px; } #header_main { border: none; } .title_container { display: none; } h1, h2, h3 { text-transform: none !important; } body { font-size: 16px; } #socket { font-size: 14px; } .main_menu ul:first-child > li > a { font-size: 13px; } #footer .widgettitle { font-size: 25px; } @media only screen and (min-width: 1340px) { .responsive_large .container { width: 1210px; } } @media only screen and (min-width: 1140px) { .responsive .container { width: 1030px; } } @media only screen and (max-width: 767px) { .responsive .container { width: 268px; margin: 0 auto; } } @media only screen and (max-width: 767px) and (min-width: 480px) { .responsive .container { width: 428px; margin: 0 auto; } } #top .main_menu .menu li ul ul { left: 207px; }Topic: Codeblock problems
Hello,
First: is there away to create an infobox without showing the icon? – I like the design of the infobox with the top icon, (the white box) I just want to remove the icon and circle. Another question: I have created my own infobox in css. I want to display it in a codeblock, but when I’m adding the code it won’t show correctly in the Enfold theme.
I want to add this code to the codeblock:
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN”
“http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”>
<html xmlns=”http://www.w3.org/1999/xhtml”>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ />
<title></title>
<style media=”screen” type=”text/css”>/* Reset */
html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, font, img, ul, li {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}:focus {
outline: 0;
}
/* // Reset */body {
background: url(bck.jpg); /* image for body made with Photoshop using noise filter (gaussian monochromatic) on #ccc */
font-family: Georgia, Verdana, “Lucida Sans Unicode”, sans-serif;
font-size: 12px;
color: #999;
}h2 {
font-style: italic;
font-weight: normal;
line-height: 1.2em;
}div#container {
margin: 50px auto 0px auto; /* centered */
width: 400px;
}.menu {
position: relative;
top:3px;
left: 50px;
z-index: 80; /* the stack order: displayed under bubble (90) */
}.menu ul li {
-webkit-transform: rotate(-45deg); /* rotate the list item */
-moz-transform: rotate(-45deg); /* rotate the list item */
width: 50px;
overflow: hidden;
margin: 10px 0px;
padding: 5px 5px 5px 18px;
float: left;
background: #7f9db9;
text-align: right;
}.menu ul li a {
color: #fff;
text-decoration: none;
display:block;
}.menu ul li.l1 {
background: rgba(131,178,51,0.65);
}.menu ul li.l1:hover {
background: rgb(131,178,51);
}.menu ul li.l2 {
background: rgba(196,89,30,0.65);
}.menu ul li.l2:hover {
background: rgb(196,89,30);
}.menu ul li.l3 {
background: rgba(65,117,160,0.65);
}.menu ul li.l3:hover {
background: rgb(65,117,160);
}.menu span {
margin: 15px 80px 0px 0px;
float:right;
}.bubble {
clear: both;
margin: 0px auto;
width: 350px;
background: #fff;
-moz-border-radius: 10px;
-khtml-border-radius: 10px;
-webkit-border-radius: 10px;
-moz-box-shadow: 0px 0px 8px rgba(0,0,0,0.3);
-khtml-box-shadow: 0px 0px 8px rgba(0,0,0,0.3);
-webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.3);
position: relative;
z-index: 90; /* the stack order: displayed under ribbon rectangle (100) */
}.rectangle {
background: #7f9db9;
height: 50px;
width: 380px;
position: relative;
left:-15px;
top: 30px;
float: left;
-moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
-khtml-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
-webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
z-index: 100; /* the stack order: foreground */
}.rectangle h2 {
font-size: 30px;
color: #fff;
padding-top: 6px;
text-shadow: 1px 1px 2px rgba(0,0,0,0.2);
text-align: center;
}.triangle-l {
border-color: transparent #7d90a3 transparent transparent;
border-style:solid;
border-width:15px;
height:0px;
width:0px;
position: relative;
left: -30px;
top: 65px;
z-index: -1; /* displayed under bubble */
}.triangle-r {
border-color: transparent transparent transparent #7d90a3;
border-style:solid;
border-width:15px;
height:0px;
width:0px;
position: relative;
left: 350px;
top: 35px;
z-index: -1; /* displayed under bubble */
}.info {
padding: 60px 25px 35px 25px;
}.info h2 {
font-size: 18px;
font-style: normal;
}.info p {
padding-top: 10px;
font-size: 14px;
line-height: 22px;
}.info p a {
color: #c4591e;
text-decoration: none;
}.info p a:hover {
text-decoration: underline;
}</style>
</head>
<body>
<div id=”container”>
<div class=”bubble”>
<div class=”rectangle”><h2>Worried?</h2></div>
<div class=”triangle-l”></div>
<div class=”triangle-r”></div>
<div class=”info”>
<h2>If you’re convicted of a crime, there can be devastating consequences.</h2>
<p>
[Read more]
</p>
</div>
</div></div>
</body>
</html>Topic: formatting
Hi Team,
I have an urgent request. I am trying to launch a product but struggling with formatting issues. I’ve emailed a few times but can’t seem to get a response so I figured I would put it in a seperate email. I am desperate for help, please.
The page I am having issues with is – http://papernapkinmarketing.com/the-bodybuilding-camp. I would like the page to match the formatting on the following page – http://papernapkinmarketing.com/the-bodybuilding-camp.
The items that I need helping updating so it’s a match are:
#1 – The headings the same size and without the white line next to the heading
#2 – The font below the heading.
#3 – Adding the light black box behind the words
#4 – Having the text (heading and text below) within the left and right sideI am desperate for help asap.
Topic: UGLY HEADINGS
Hi,
Thanks again for all the super efficient support from Kriesi’s team !
Another problem :
The font in the headings looks heavily pixelated all the time, whatever the font I use, the screen size, the browser. I tested that on PC, smartphones, and tablets : same thing.
Is there anything that I could do ( WP plugin, or something to add in the CSS ) to correct that or at least “smoothen ” the font shapes a little bit ?
What should I do or where should I go if, as the last solution, I want to use a default font ( Arial, Verdana, etc… ) for my headings ?thanks for your help.
Hi,
Calling out for the awesome helpers I see on these forums, you do great work. And now I need you too!
My website http://www.angles.co.nz is coming along nice and clean but some things I need help with, to:
1. Make the header border (thick black line) 1210px wide rather than full screen
2. Get rid of the ‘comments’ and ‘categories’ meta breadcrumbs under the post title? Changing the blog settings only works for when you click into the blog post page, but doesn’t work on the home page which is static with the blog embedded.
3. Change font sizes (header/blog post title on home page). CSS that I found on the forums didn’t have any effect.
4. Have an image thumbnail appear next to ‘Recent Posts’ on the home page of the first image in that post?
5. Last but not least, rather than being able to click into a blog post’s page, I’d like to have all blog posts to appear only on the home page, not go into it’s own page. And can the side arrows show on the home page?Thanks heaps guys! any help is much appreciated.
Josh
Topic: Font size in pricing table..
Hi I would like to have 2 font sizes in the pricing table – price row
I would like $30 big but the word Annually smaller.. how can I do this?
thank you!
http://www.theattractiveman.com/
Notice how the bulleted list is a different size and font. How can I make it the same as the main text?
Thanks
