pacovix

im not asking about responsive @@mantis Ty I will try with that

Thanks for answer, I found some solution with widgets but dont understand it fully, and on google there is no much topics abut that

I just used salient as an example, im asking how they make it generally

I have few questions about wordpress that i think will boost my developing skills, i was focusing on front end and learned a lot but this thing i cannot understand. I am deeply grateful for any concrete answers or guidelines or terms to search for!! I will ask my questions on the example of Salient wordpress theme. 1.) First question is about home page. In wordpress I need to set home page to be one of my pages and then write some text in page but how do they make front page and first element to look like this? 2.) Second question is also about home page. So in this theme they have more regions of content. How did they set that on homepage and how they control it? They have image gallery, random counters, text blocks, how?? If anyone have time to explain it to me its bugging me for some time and i dont know even what to google. TY IN ADVANCE!

.ytb { position:relative; margin:0 0 15px 0; padding-bottom:51%; padding-top:30px; height:0; overflow:hidden; } .ytb iframe { position:absolute; top:0; left:0; width:100%; height:100%; } <div class="ytb"> <iframe src="http://www.youtube.com/embed/70mZUBzA-HE" frameborder="0" allowfullscreen></iframe> </div> Responsive youtube solution i use, taken from amazium so give it a try

Wynn i cant believe that fixed the problem, I thought it was going to be a difficult programming solution, and I could bet i experimented with height:100% . If i give container a min-height of 100% why isnt that working, min-height will start from 100% and that is what i need? In any case big thanks to @@Wynn and @rbrtsmith for your help

http://codepen.io/riogrande/full/imdFv/ Here you go mate, test it and it will work on IE and Chrome but not Firefox

I removed display: block and the result is the same, also i tried with table-layout :fixed, I cant find anything odd with firebug, dont know what to change. TY for your answer

anyone?

Hello, I come across a problem in firefox when I want vertically align div inside of a full browser width and height div. I used a table for parent and table-cell with vertical-align: middle for a child div method. here is my code CSS .container { display:block; position:relative; min-width:100%; min-height:100%; display: table; } .intro-div { display: table-cell; vertical-align: middle; text-align:center; } .fullscreen-img { display:block;position:absolute;z-index:-1; min-width:100%; min-height:100%; background:transparent url('../images/introslika.jpg') center center no-repeat; background-size:cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-position: center center; background-repeat: no-repeat; background-attachment: fixed; } HTML <div class="container"> <div class="fullscreen-img"></div> <div class="intro-div"> <span class="introtxt">FRONT END / UI / UX</span><br><br> <span class="introtxtsmall">design & development</span><br><br><br><br> <span class="introtxttiny">Handcrafted web design made with love and with special care for user experience!</span><br><br><br> <a href="#" class="btnintro btngreen flatbtn large">See my story</a> </div> </div> The point is to have a vertical and horizontal center in every browser and on every device. I achived that on Chrome and IE to work flowless - here is my SS But firefox has a bug and does not want to show my code how i want to: i found a post where that bug is explained but that case is not like mine and solution does not work. http://wisercoder.com/firefox-displaytable-cell-and-absolute-positioning/ also i tried 6 ways to vertical align and only table method is giving me what i need, and i could not google anything that could help me. Does any one have any solutions to this? TY in advance

TY for help!

I have a problem with links in dropdown menu. If you try to click on the link on dropown the menu will just close without redirecting to a new page. This is the menu I am using http://codepen.io/TimRuby/pen/kLGic Try to replace # in dropdown link with http://google.com or something to see what i mean, the link will only close the menu. Same effect with toggle menu on responsive. What is going on here? TY in advance

ty for explanation, i never thought that borders behaves like that

ok so i understand the approach in the fiddle. you removed the border right, moved the buttons right 1px with margin and added the background for container. i will use this in my code, but can you please explain me why cant i use two borders with different border width? ty in advance

ty very much, i see that u added margin on btn, did that solved it?