Forum Replies Created
-
Posts
-
Thanks for that.
Can you help me put a border around the image to match the button below?
I put this html in caption: <span id=”caption-title”>
</span>and this css in Quick CSS:
#caption-title {
padding:0 !important;
margin:0 !important;
height:175px !important;
width:326px !important;
border: 3px solid white;
-webkit-border-radius: 4px !important;
-moz-border-radius: 4px !important;
border-radius: 4px !important;
}but I get the sad result you see at http://www.rbdevelopmentserver.com/sakuraseafoods/
How can I fix that? Thanks, Rob
Hey Rikard
Here’s the link: http://www.sakuraseafoods.com/
On the fullwidth slider I’d like to replace the caption title “sakura seafoods” with an image of the company logo
Thanks much, I appreciate the help.
Rob
Thanks much to both of you! I had to add !important to Yigits code. Other than that… perfect results. Case resolved.
And now the problem is gone.Could this be caused by a caching plugin? Host Gator is now bundling WP Super Cache w/ WP install. Disabling plugin did not fix problem but maybe browser caches needed to expire???
Hey guys if it helps I put my css and php mods below. The result is on this page: http://www.edswaterproofing.com/eds_wp_new_site_here/ It’s exactly what I was trying to accomplish.
fieldset p {
margin-top: 0;
}
#top .avia_ajax_form .text_input, #top .avia_ajax_form .select, #top .avia_ajax_form .text_area {
width: 90%;
}
fieldset label {
display: none!important;
}
.modified_width .button {
width: 50%;
height:90%;
}
.main_color input[type=’submit’] {
color: white;
}
/*above styles contact form along with code added to functions.php*/function add_custom_placeholder(){
?>
<script>
jQuery(window).load(function(){
jQuery(‘input#avia_name_1’).attr(‘placeholder’, ‘Name *’);
jQuery(‘input#avia_e-mail_1’).attr(‘placeholder’, ‘E-mail *’);
jQuery(‘input#avia_phone_1’).attr(‘placeholder’,’Phone’);
jQuery(‘textarea#avia_message_1’).attr(‘placeholder’, ‘Message *’);
});
</script>
<?php
}
add_action(‘wp_footer’, ‘add_custom_placeholder’);// above added to functions php to style contact form
Josue It occurs on reload and when I resize the window.I only have the one big iMac, but simulating screen widths by dragging the browser window I find that the video goes full width properly only at 1024 or below or about 2000 and above. I think the only reason it works on the small screen is because the native res of the video fills the screen. I have video set to stretched and the video is 16:9.
You guys should make a full width slider w/ fixed video background. Its an awesome effect when you run the same video in several sections on the page.
Thanks for your help w/this, Rob
Josue I don’t know if you are addressing me or Mike? And I don’t what you mean by resolution? I am the original poster. I have not resolved issue. The page is http://www.mobilebyfriday.com/responsive_beach_demo/ and the issue happens on medium screen widths say about a 13 to 20 inch screen. On very wide or very narrow screens the video goes full-width properly. Thanks, Rob
Sorry I did not ask the question clearly. Please look at the screenshots I have posted here: http://www.mobilebyfriday.com/responsive_beach_demo/video-test/
I can do what I want by setting the height of the fullscreen slider with quick css but the video does not stretch to fill screen until I manually stretch the window a little. How can I get the video to open fullwidth? (I am using fullscreen slider instead of fullwidth because you can’t make a fixed r parallax video background in fullwidth slider. Thanks very much.
Hey It’s very cool of you to provide such detailed support. I am trying to make much more compact contact forms. This php does put placeholder text inside the box but it leaves the Form Element Label visible and taking up space above the box. How can I remove the Label outside the box?
Also the code you provided does not seem to change the shortcode that I am trying to use in a text widget to make a form for footer. Am I missing some better way to do that?
BTW how can I make the submit bottom small and style font color?
http://www.edswaterproofing.com/eds_wp_new_site_here/
Damn, thanks a lot.
Thank You Elliot!! You cam mark this thread closed. Now that I can make this element I think I can use Enfold for almost any project.
OK, Thanks
If you don’t mid taking a last look at http://sandiegoroadkill.com/test-theme-support/ The one thing that makes me a bit uncomfortable is that if I don’t specify borders between each stacked elements I get spaces as seen in the last box on the right, even tho I have set the margins to 0. My css is below you can see how I specified invisible borders in the other 2 elements. Seems to work in all browsers I just hate to depend on code i can’t understand.
Thanks Much
Rob
#top .rs_test_col_top {
background-color: #ddae68;
border-top:2px solid #aaa;
border-right:2px solid #aaa;
border-bottom:2px solid #ddae68;
border-left:2px solid #aaa;
-webkit-border-top-left-radius: 4px;
-webkit-border-top-right-radius: 4px;
-moz-border-radius-topleft: 4px;
-moz-border-radius-topright: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
margin:0;
}#top .rs_test_col_top h3 {
padding:15px 20px 5px 20px;}
#top .rs_test_col_mid {
background-color: #ddae68;
border-right:2px solid #aaa;
border-left:2px solid #aaa;
padding: 0 35px 0 35px;
margin:0;}
#top .rs_test_col_bot {
background-color: #ddae68;
border-top:2px solid #ddae68;
border-right:2px solid #aaa;
border-bottom:2px solid #aaa;
border-left:2px solid #aaa;
-webkit-border-bottom-right-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
-moz-border-radius-bottomright: 4px;
-moz-border-radius-bottomleft: 4px;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
margin:0;
}#top .rs_test_col_bot p {
padding:5px 20px 5px 20px;
}/* column 1 above*/
#top .rs_test_col2_top {
background-color: #dd4f4f;
border-top:2px solid #aaa;
border-right:2px solid #aaa;
border-bottom:2px solid #dd4f4f;
border-left:2px solid #aaa;
-webkit-border-top-left-radius: 4px;
-webkit-border-top-right-radius: 4px;
-moz-border-radius-topleft: 4px;
-moz-border-radius-topright: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
margin:0;
}#top .rs_test_col2_top h3 {
padding:15px 20px 5px 20px;}
#top .rs_test_col2_mid {
background-color: #dd4f4f;
border-right:2px solid #aaa;
border-left:2px solid #aaa;
padding: 0 35px 0 35px;
margin:0;
}#top .rs_test_col2_bot {
background-color: #dd4f4f;
border-top:2px solid #dd4f4f;
border-right:2px solid #aaa;
border-bottom:2px solid #aaa;
border-left:2px solid #aaa;
-webkit-border-bottom-right-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
-moz-border-radius-bottomright: 4px;
-moz-border-radius-bottomleft: 4px;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
margin:0;
}#top .rs_test_col2_bot p {
padding:5px 20px 5px 20px;
}/* column 2 above*/
#top .rs_test_col3_top {
background-color: #4486bf;
border-top:2px solid #aaa;
border-right:2px solid #aaa;border-left:2px solid #aaa;
-webkit-border-top-left-radius: 4px;
-webkit-border-top-right-radius: 4px;
-moz-border-radius-topleft: 4px;
-moz-border-radius-topright: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
margin:0;
}#top .rs_test_col3_top h3 {
padding:15px 20px 5px 20px;}
#top .rs_test_col3_mid {
background-color: #4486bf;
border-right:2px solid #aaa;
border-left:2px solid #aaa;
margin:0;
padding: 0 35px 0 35px;
margin:0;
}#top .rs_test_col3_bot {
background-color: #4486bf;border-right:2px solid #aaa;
border-bottom:2px solid #aaa;
border-left:2px solid #aaa;
-webkit-border-bottom-right-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
-moz-border-radius-bottomright: 4px;
-moz-border-radius-bottomleft: 4px;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
margin:0;
}#top .rs_test_col3_bot p {
padding:5px 20px 5px 20px;
}/* column 3 above*/
Hmm. Is there a way to style an individual column? If so how please? Or do you mean to stack text-image-text in a column and style each element separately? Please check out http://sandiegoroadkill.com/test-theme-support/ top row. I somewhat did that. The element reacted a bit oddly to some of the css. Do you think that element will not break?
Is there really no way to add margin between cells in a grid row? It would be so much easier plus you can add a background image. That would be my first choice if you can think of a way to add white space between cells. Thanks
Hey Yigit. Thanks for the fast reply.
I can’t exactly make a screenshot because I can’t get the results I want. So I made a mockup in photoshop and posted it at http://sandiegoroadkill.com/test-theme-support/ (upper image). It’s the margin property I am having trouble with, as well as width property. I want to be able to create some white space between cells, but I can’t
Here is a link to a page I made with another theme. I’d like the boxes to behave exactly like that. ie preserve about the same margin space at all screen widths. http://peak-fp.com/services/
Enfold is such an advanced and powerful theme it always surprised me that it does not have a box element. Or maybe it does and I just don’t know how to use it. Thanks, Rob
I still need a bit more help with margins.
Here is the page I am experimenting with, with the box elements I want to create:
http://sandiegoroadkill.com/test-theme-support/
Those are 3 cells in a grid row and I am styling all three with selector top .rs_cell_one_testHere is my css:
#top .rs_cell_one_test {
border: 3px solid #aaa;
border-radius:10px;
margin:30px 5px;
width:290px;
}The problem is neither the margin or width properties seem to have any effect. I want to make white space between cells when side by side and have each element fill the screen when stacked, with some white space between them vertically. Sorry if I am overlooking some simpler way to make such elements.
Thanks Much
Rob
NEVER MIND. Very Sorry, After I edited the CORRECT functions.php file it worked. Thanks
What is the exactly the correct way to add the line of code to functions .php? Clearly I don’t know how to do this correctly:
ThanksAt the very bottom of functions.php I added this:
/** this is added to functions.php so that a box to write a unique seelctor appears on evey element */
add_theme_support(‘avia_template_builder_custom_css’);
Fatal error: Call to undefined function add_theme_support() in /home/admin8sdrk/public_html/wp-includes/functions.php on line 4815
I also tried this
/** this is added to functions.php so that a box to write a unique seelctor appears on evey element */
function add_theme_support(‘avia_template_builder_custom_css’);
And got different error
Parse error: syntax error, unexpected ”avia_template_builder_custom_’ (T_CONSTANT_ENCAPSED_STRING), expecting ‘&’ or variable (T_VARIABLE) in /home/admin8sdrk/public_html/wp-includes/functions.php on line 4815
Hey Thanks so much for the quick response. That code did not actually remove the line extending from the bottom of the slider. What did work is:
DIV#av_section_1.avia-section.main_color.avia-section-default.avia-no-shadow.avia-builder-el-1.el_after_av_layerslider.avia-builder-el-last.container_wrap.fullsize
{
border:0;
}God knows that couldn’t be the most efficient selector but it does the trick. It’s perfect in Safari and Chrome, but in Firefox a very faint line persists.
Thanks
R
