Problem is: When I place an image widget into the section/column and add an image into it, the hight of the section/column is defined by the hight of the image loaded into the image widget.
But as soon as I set the vertical positioning to absolute the column and section collapses and all vertical position settings are referencing to the collapsed section (either top or bottom aligned). And this leads to problems if you have multiple sections that should have a specific hight while carrying images that all are set in absolute positioning.
So in short: How to set a section/column hight independent of the image placed into the image widget placed into the sectgion/column?
Thanks Sascha
]]>GeneratePress support thinks this is because you are using absolute positioning.
Can you tell me please how I can add borders to my sections above and below the map.
Thank you.
]]>Do you know the best way to centre my info text vertically. I tried css solutions for a long time but none worked well.
Now I’m trying to use the common technique of using jquery to give my “ms-info” divs negative margins equal to half their height and then absolutely positioning them 50% of the way down the div.
But when I use $j(‘.ms-info’).height() I seem to get the same value (74px) for each info box regardless of the content. Any ideas why this might be?
Many thanks.
Ben
https://www.ads-software.com/plugins/master-slider/
]]>Basically, she’s wanting it to end up looking something like this.
The current site can be found here.
Any ideas? I’m definitely not a coding expert by any stretch of the imagination, so this is throwing me for a loop. I’m guessing it has something to do with absolute positioning/z-index, but I’m fuzzy on how to incorporate that (especially without messing up the mobile layout.)
Thanks so much!
]]>I don’t really know where to begin to change the position of the slider and the logo in the header. In the theme, the style.css has all the code. Would I enter the custom line in the header.php to override what is in the css? Thanks for any help, I’m new to customizing but want to learn.
]]>I am currently working on a website using the theme Suffusion Version 4.4.6.
I am having trouble keeping a header button I inserted in place. If you re size the window it will crawl on top of the banner image.
View the site HERE.
Here is the CSS.
#header_icons { </p> <p>float:right;<br /> padding-top:5px;<br /> width:258px;<br /> padding-bottom:10px;</p> <p>} </p> <p>#header_icons img { </p> <p>float:right;<br /> height:76px;<br /> width:258px;<br /> margin: 25px 175px 0px 10px;<br /> margin-left:10px;<br /> position: absolute;<br /> right: -1px;<br /> top: 20px;<br /> z-index: 3;</p> <p>}
One more issue I am having with the header is eliminating the padding from the header banner (superhero) so there isn’t as big of a gap between the header banner and the nav. I understand its coded into the theme to position the header image where it is with the padding but I have no idea where to locate this code to eliminate/edit the code itself. Anyone have any ideas?
Thank you.
]]>I have two logos on the top right and a facebook ‘like’ btn that move out of place when the window is re-sized. I have them coded in this way:
– In my functions.php file:
function partner_logo_1() {
echo ‘<span id=”europe-image”></span>‘;
}
add_action(‘thematic_header’, ‘partner_logo_1’);
function partner_logo_2() {
echo ‘<span id=”africa-image”></span>‘;
}
add_action(‘thematic_header’, ‘partner_logo_2’);
function facebook_like_btn() {
echo ‘<iframe src=”//www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.kasparovchessfoundation.org%2F&send=false&layout=button_count&width=450&show_faces=false&font&colorscheme=light&action=like&height=21″ scrolling=”no” frameborder=”0″ style=”border:none; overflow:hidden; width:450px; height:21px; position:absolute; right:111px; top:200px;” allowTransparency=”true”></iframe>’;
}
add_action(‘thematic_header’, ‘facebook_like_btn’);
and then in kasparov_style.css:
#europe-image {
background:url(“images/europe_logo_04.png”) no-repeat transparent;
height: 103px;
width: 92px;
position:absolute;
cursor: pointer;
top:85px;
right: 29%;
*/right:600px;*/
}
#africa-image {
background:url(“images/africa_logo_06.png”) no-repeat transparent;
height: 102px;
width: 113px;
position:absolute;
cursor: pointer;
top:85px;
right: 22%;
*/right:480px;*/
}
Also, I have a div that says, “Kasparov Foundation Inc., is a non-profit educational organization…” that is added in the same way. In the fucntions.php file:
function donate(){
if ( is_front_page() ) {
?>
<div id=”donate”><p>Kasparov Chess Foundation Inc. is a non-profit educational organization supported by charitable donations from concerned individuals and corporate sponsors.</p></div>
<?php
}
}
add_action(‘thematic_aboveheader’,’donate’);
in kasparov_style.css:
#donate {
background: url(images/donations_back.png) no-repeat;
font:11px “Trebuchet MS”, Helvetica, sans-serif;
line-height: 20px;
/*background-color: #DAEFEE;*/
position:absolute;
top: 566px;
right: 13%;
*/right: 466px;*/
height: 100px;
width: 290px;
z-index:9999;
padding: 14px;
padding-top: 12px;
}
How do I make these stay in place when the window is re-sized on when the site is viewed on a smaller screen than my 15 inch screen?
Please help!
]]>https://www.ads-software.com/extend/plugins/ultimate-tinymce/
]]>