Support Forum - User Favorites: Designabsolu

Support Forum - User Favorites: Designabsolu designabsolu Support Forum - User Favorites: Designabsolu en-US Sun, 19 May 2013 07:12:27 +0000 http://bbpress.org/?v=1.0.2 <![CDATA[Search]]> q http://www.kriesi.at/support/search.php Dude on "Blog posts- Page title" http://www.kriesi.at/support/topic/blog-posts-page-title#post-98334 Mon, 25 Feb 2013 06:39:43 +0000 Dude 98334@http://www.kriesi.at/support/ Hey! Thanks slackbladder for helping us out :) Regards, Peter slackbladder on "Blog posts- Page title" http://www.kriesi.at/support/topic/blog-posts-page-title#post-98248 Sun, 24 Feb 2013 14:08:43 +0000 slackbladder 98248@http://www.kriesi.at/support/ Glad you got it sorted :) Benoit on "Blog posts- Page title" http://www.kriesi.at/support/topic/blog-posts-page-title#post-98246 Sun, 24 Feb 2013 13:38:10 +0000 Benoit 98246@http://www.kriesi.at/support/ Thanks slackbladde ! I tried it and it work but it was only the text that was removed so i tried this code . <pre><code>#top.single .title_container, #top .dynamic_el_1 .title_container { display: none; }</code></pre> It work like a charm awesome !!! Thanks again for your help !! slackbladder on "Blog posts- Page title" http://www.kriesi.at/support/topic/blog-posts-page-title#post-98240 Sun, 24 Feb 2013 10:17:24 +0000 slackbladder 98240@http://www.kriesi.at/support/ Hi Benoit, To remove (hide) the page title from each blog post try this: <pre><code>#top.single .page-title { display: none; }</code></pre> Benoit on "Blog posts- Page title" http://www.kriesi.at/support/topic/blog-posts-page-title#post-98206 Sat, 23 Feb 2013 23:56:26 +0000 Benoit 98206@http://www.kriesi.at/support/ Thanks for the help slackbladde. For a specific page it works . But if i want to apply it to all the forthcoming pages that will be created when i post a new posts on my blog . Not the blog page with all the posts but the posts pages it self . Thanks again ! slackbladder on "Blog posts- Page title" http://www.kriesi.at/support/topic/blog-posts-page-title#post-98204 Sat, 23 Feb 2013 22:31:18 +0000 slackbladder 98204@http://www.kriesi.at/support/ To remove titles from specific pages try adding the following to your custom.css or quick.css: <pre><code>#top.page-id-XX .page-title { display: none; }</code></pre> where XX is the page number. Benoit on "Blog posts- Page title" http://www.kriesi.at/support/topic/blog-posts-page-title#post-98195 Sat, 23 Feb 2013 19:06:50 +0000 Benoit 98195@http://www.kriesi.at/support/ Hello Just a quick question on the pages titles . Is it possible to remove the page titles, but only for all posts pages . Thanks !! Devin on "Header - Language Flags" http://www.kriesi.at/support/topic/header-language-flags#post-97885 Thu, 21 Feb 2013 17:47:49 +0000 Devin 97885@http://www.kriesi.at/support/ Glad we could help :) Let us know if you have any other questions or issues. Regards, Devin Benoit on "Header - Language Flags" http://www.kriesi.at/support/topic/header-language-flags#post-97882 Thu, 21 Feb 2013 17:35:28 +0000 Benoit 97882@http://www.kriesi.at/support/ I found it . I changed the code in the html for <pre><code><div class='container_wrap' id='header'> <div class='container'> <div class="flags-holder"> <div class="flag"> <a href="http://designabsolu.com">FR</a> / <a href="http://designabsolu.com/en">EN</a></div> </div></code></pre> and the one in the quick css for <pre><code>#top .flags-holder { float: right !important; width: 100%; margin-left: auto; margin-right: auto; font-size: 11px; height: 20px; position: relative; padding: 0; left: 95.5%; z-index: 100; } #header .container{ z-index: 99; padding-top: 2px; } .flag { height: 20px; float: right !important; overflow: hidden; display: block; width: 100%; margin-left: auto; margin-right: auto; position: relative; right: 0; top: -1px; }</code></pre> Every thing works now even if i change the resolution . I would like to says a big thanks to Devin and Nick for the help . It's really appreciated . The video you made is just awesome . Many Many thanks . Benoit on "Header - Language Flags" http://www.kriesi.at/support/topic/header-language-flags#post-97810 Thu, 21 Feb 2013 12:52:18 +0000 Benoit 97810@http://www.kriesi.at/support/ Hello Nick your video really helped me with the Google chrome tool .Thanks a million for this tutorial ! But i can't fix the position of the div for every screen resolution :( I tried everything but nothing works . See <a href="http://designabsolu.com/" rel="nofollow">http://designabsolu.com/</a> Also here i tried a other code with an additional div but it only work on 1920x1080 . <a href="http://designabsolu.com/en" rel="nofollow">http://designabsolu.com/en</a> What did i do wrong ? Thanks Benoit on "Header - Language Flags" http://www.kriesi.at/support/topic/header-language-flags#post-97716 Wed, 20 Feb 2013 19:50:18 +0000 Benoit 97716@http://www.kriesi.at/support/ WOW thanks for the video Nick ! . Awesome !!!I would like to have it just under the rss icon on the corner . I'll try to work on that . No i did not replace the old code the link was the ENGLISH website . In the original page FR = <a href="http://designabsolu.com/" rel="nofollow">http://designabsolu.com/</a> it's the code you give me. I'm trying . I have replace it but when it's only in good place on 1920x1080 otherwise it's not at the good place . Screen shot of what i see in 1920x1080 <img src="http://designabsolu.com/imagesheberger/placefren.png" /> here is the code i put in the quick css . <pre><code>#top .flags-holder { float: right !important; margin-right:12%; font-size: 11px; height: 20px; position: relative; Top: 8px; left: -260px; z-index: 100; }</code></pre> And the code in the header.php <pre><code><div class='container_wrap' id='header'> <div class="flags-holder"> <a href="http://designabsolu.com">FR</a> / <a href="http://designabsolu.com/en">EN</a> </div></code></pre> Thanks again for your time !! Nick on "Header - Language Flags" http://www.kriesi.at/support/topic/header-language-flags#post-97710 Wed, 20 Feb 2013 19:14:57 +0000 Nick 97710@http://www.kriesi.at/support/ Hi, at my browser size 1360 laptop, it's there <a href="http://www.clipular.com/c?2192273=XpJSzAwwXuvG9n_BieEgNvqmfB0" rel="nofollow">http://www.clipular.com/c?2192273=XpJSzAwwXuvG9n_BieEgNvqmfB0</a> ... where are you trying to position it? Also you replaced your old code which is not valid align right on a div? if you are looking to put images on them you need to add the img code to the css And you should practice for 1 hour with google tools. I also use dreamweaver since 1999, but without dev tools you can't effectively do css in dreamweaver. Here is a video i made for you <a href="https://docs.google.com/file/d/0B8hqGBMSfHtKaGtRZnhwWkt4QTg/edit?usp=sharing" rel="nofollow">https://docs.google.com/file/d/0B8hqGBMSfHtKaGtRZnhwWkt4QTg/edit?usp=sharing</a> Thanks, Nick Benoit on "Header - Language Flags" http://www.kriesi.at/support/topic/header-language-flags#post-97693 Wed, 20 Feb 2013 18:27:59 +0000 Benoit 97693@http://www.kriesi.at/support/ Hi Nick .Thanks for your time it's really appreciated . But it doesn't work . I tried to take a look at it with the Google developer tools but can't figure out how to place it . I hope you can help me on that . I would like to have it at the same place of this address ( <a href="http://designabsolu.com/en/" rel="nofollow">http://designabsolu.com/en/</a> ) Viewed in this screen resolution 1920x1080 or it's not at the good place . Sorry for my lack of experience in css and html . Thanks a million ! Nick on "Header - Language Flags" http://www.kriesi.at/support/topic/header-language-flags#post-97685 Wed, 20 Feb 2013 17:35:05 +0000 Nick 97685@http://www.kriesi.at/support/ Hi, This css will do it. I just dunno where you want them so i stuffed them in top part <pre><code>#top .flags-holder { float: right !important; font-size: 11px; width: 98%; height: 20px; position: relative; bottom: 45px; right: -60%; z-index: 100; }</code></pre> Thanks, Nick Benoit on "Header - Language Flags" http://www.kriesi.at/support/topic/header-language-flags#post-97684 Wed, 20 Feb 2013 17:31:03 +0000 Benoit 97684@http://www.kriesi.at/support/ I would like to have the 2 links just under the rss icon. Many thanks !! Benoit on "Header - Language Flags" http://www.kriesi.at/support/topic/header-language-flags#post-97682 Wed, 20 Feb 2013 17:22:40 +0000 Benoit 97682@http://www.kriesi.at/support/ Thanks Nick . I will ;) I changed all the codes for those you gave me but nothing show in the page = <a href="http://designabsolu.com/" rel="nofollow">http://designabsolu.com/</a> Thanks for your help ! Nick on "Header - Language Flags" http://www.kriesi.at/support/topic/header-language-flags#post-97668 Wed, 20 Feb 2013 16:19:13 +0000 Nick 97668@http://www.kriesi.at/support/ Hi, Please refresh your understanding of html/css . Also this is not good: <pre><code><div class="flags-holder" align="right" style="position:relative"></code></pre> Instead try something like <pre><code><div class='container_wrap' id='header'> <div class="flags-holder"> <div class="flag-fr"><a href="http://designabsolu.com">FR</a></div> <div class="flag-en"><a href="http://designabsolu.com/en">EN</a></div> </div></code></pre> css <pre><code>#top .flags-holder{ float: right !important; margin-right: 25.5%; margin-left: 74.5%; font-size: 11px; width: 98%; height: 20px; position: relative; top:2px; z-index: 100; }</code></pre> You need to use google developer tools to tweak the css in the chrome browser. Otherwise you will be going in circles. Once you add the code, please provide a url to the page. Thanks, Nick Benoit on "Header - Language Flags" http://www.kriesi.at/support/topic/header-language-flags#post-97548 Wed, 20 Feb 2013 00:28:01 +0000 Benoit 97548@http://www.kriesi.at/support/ My last try is with text and i put this code in header.php <pre><code><div class='container_wrap' id='header'> <div class="flags-holder" align="right" style="position:relative"> <a href="http://designabsolu.com">FR</a> / <a href="http://designabsolu.com/en">EN</a> </div></code></pre> and this code in the quick css but it's changing position depending on the screen resolution . Mine is 1920x1080 and it look good . <pre><code>.flags-holder{ float: right !important; margin-right: 25.5%; margin-left: 74.5%; font-size: 11px; width: 98%; height: 20px; position: relative; top:2px; z-index: 100; }</code></pre> Thanks again! Benoit on "Header - Language Flags" http://www.kriesi.at/support/topic/header-language-flags#post-97529 Tue, 19 Feb 2013 22:23:32 +0000 Benoit 97529@http://www.kriesi.at/support/ I tried this code in the quick css in place of the other one . it work as you can see on my website but only in 1920x1080 otherwise it change the position can you help me on that . Thanks <pre><code>.flags-holder{ float: right !important; margin-right: 25.5%; width: 930px; height: 20px; position: relative; top:2px; z-index: 100; }</code></pre> Benoit on "Header - Language Flags" http://www.kriesi.at/support/topic/header-language-flags#post-97523 Tue, 19 Feb 2013 21:29:00 +0000 Benoit 97523@http://www.kriesi.at/support/ Thanks Devin ! It works but now i have a problem i tried this code css style <div class="flags-holder" style="float:right;"> to set the images to the right But now the menu move a little bit to the left .What i can do to put the menu where it was ? Thanks again for your help ! Regards! Devin on "Header - Language Flags" http://www.kriesi.at/support/topic/header-language-flags#post-97460 Tue, 19 Feb 2013 16:26:39 +0000 Devin 97460@http://www.kriesi.at/support/ I missed a > . I've updated the code above but it should be: <pre><code><div class="flags-holder"> <a href="http://designabsolu.com> <img src="http://designabsolu.com/wp-content/uploads/2013/01/facebook.png"></a> <a href="http://designabsolu.com/en> <img src="http://designabsolu.com/wp-content/uploads/2013/01/facebook.png"></a> </div></code></pre> IE: <code><a href="#"><img src="#"></a></code> If you are using dreamweaver, you can always just use it to create code yourself. Insert>image then click on that image and add your url to the properties panel where it shows the Link field. Regards, Devin Benoit on "Header - Language Flags" http://www.kriesi.at/support/topic/header-language-flags#post-97346 Mon, 18 Feb 2013 21:54:13 +0000 Benoit 97346@http://www.kriesi.at/support/ Here is a screenshot off my Dreamweaver <img src="http://designabsolu.com/imagesheberger/header.png" /> Benoit on "Header - Language Flags" http://www.kriesi.at/support/topic/header-language-flags#post-97340 Mon, 18 Feb 2013 21:17:54 +0000 Benoit 97340@http://www.kriesi.at/support/ Thanks for your time Devin .The code is pasted exactly like that in the header.php ` <div class="flags-holder"> <a href="http://designabsolu.com <img src="http://designabsolu.com/wp-content/uploads/2013/01/facebook.png"></a> <a href="http://designabsolu.com/en <img src="http://designabsolu.com/wp-content/uploads/2013/01/facebook.png"></a> </div> ` Maybe i did something wrong in my quick css Here is what is in my quick css . also maybe you can help me clean it up :) Thanks <pre><code>.seperator-addon { width: 0%; } #top #slideshow_big .slideshow_container .slideshow{ border-bottom-width: 0px; border-bottom-style: solid; } #top .template-dynamic .callout { padding: 10px 0 0; } .dynamic-column-title{ font-family:"Open Sans", sans-serif; } .flex_column h1{ font-family:"Open Sans", sans-serif; font-size: 16px; font-weight: normal; padding: 10px 0 0; } .callout h1, h2, h3, h5, h1 a, h2 a, h3 a, h5 a{ font-family:"Open Sans", sans-serif; } #top .widgettitle { font-family:"Open Sans", sans-serif; } .dynamic_element.title_container h1{ font-size: 16px; font-weight: normal; padding-bottom:20px; } #footer{ background-color: transparent; color: transparent; } .template-dynamic-accueil .flex_column_1{ height: 97px; } .template-dynamic-accueil .flex_column_2{ height: 97px; } .title_container .page-subtitle, #top .dynamic_el_1 .page-subtitle { font-family:"Open Sans", sans-serif; font-style: Normal; } .title_container, #top .dynamic_el_1 .title_container { height: 43px; padding-top:15px; } .sidebar .widget.widget_text{ padding-bottom:10px; } p .dynamic_textarea_p .dynamic_element .dynamic_el_2 p{ font-family:"Open Sans", sans-serif; font-style: Normal; font-size: 10px; } .content_slider h3{ font-size: 16px; } .template-dynamic-services-dynamic p{ margin-bottom: 0px; }</code></pre> Devin on "Header - Language Flags" http://www.kriesi.at/support/topic/header-language-flags#post-97337 Mon, 18 Feb 2013 21:09:53 +0000 Devin 97337@http://www.kriesi.at/support/ I think you pasted the code incorrectly somehow. Its showing up like this in your source: <pre><code><div class="flags-holder"> <a href="http://designabsolu.com/ <img src="></a> <a><img /></a> </div></code></pre> It should be: <pre><code><div class="flags-holder"> <a href="http://designabsolu.com> <img src="http://designabsolu.com/wp-content/uploads/2013/01/facebook.png"></a> <a href="http://designabsolu.com/en> <img src="http://designabsolu.com/wp-content/uploads/2013/01/facebook.png"></a> </div></code></pre> Make sure, that when you pasted into the header.php file, you aren't accidentally pasting any other characters. It should be plain text. Regards, Devin Benoit on "Header - Language Flags" http://www.kriesi.at/support/topic/header-language-flags#post-97334 Mon, 18 Feb 2013 21:02:14 +0000 Benoit 97334@http://www.kriesi.at/support/ I will keep it unlocked so you can see it . As it's under construction for now Many thanks !! Benoit on "Header - Language Flags" http://www.kriesi.at/support/topic/header-language-flags#post-97327 Mon, 18 Feb 2013 20:46:28 +0000 Benoit 97327@http://www.kriesi.at/support/ <a href="http://designabsolu.com/" rel="nofollow">http://designabsolu.com/</a> is the website address . Thanks again for your help . Devin on "Header - Language Flags" http://www.kriesi.at/support/topic/header-language-flags#post-97300 Mon, 18 Feb 2013 19:38:38 +0000 Devin 97300@http://www.kriesi.at/support/ If you have any kind of cache plugin running, disable it. Additionally, you should still see the flags-holder class inserted in as well as the images though they will still need to be styled to get them into position. If you have a link to the site we can take a look and see whats going on but the area in the header.php is where you want to add the html. Benoit on "Header - Language Flags" http://www.kriesi.at/support/topic/header-language-flags#post-97290 Mon, 18 Feb 2013 18:24:28 +0000 Benoit 97290@http://www.kriesi.at/support/ Thanks for the help Devin but it don't work . I added this code as a test just after <div class='container'> in header .php and nothing happen . <pre><code><div class="flags-holder"> <a href="http://designabsolu.com/><img src="http://designabsolu.com/wp-content/uploads/2013/01/facebook.png"></a> <a href="http://designabsolu.com/en><img src="http://designabsolu.com/wp-content/uploads/2013/01/facebook.png"></a> </div></code></pre> Images are just for the test Thanks a million. Devin on "Header - Language Flags" http://www.kriesi.at/support/topic/header-language-flags#post-97264 Mon, 18 Feb 2013 15:55:53 +0000 Devin 97264@http://www.kriesi.at/support/ Hi I would say add a new div class right before the logo and navigation menu is called in the header.php. Right after: <code><div class='container'></code> Then style its position with a bit of css. Maybe something like: <pre><code><div class='container'>  <div class="flags-holder"> <a href="http://yourlink.com><img src="http://yoursite.com/yourimagelink.png"></a> <a href="http://yourlink.com><img src="http://yoursite.com/yourimagelink.png"></a> </div></code></pre> Just make sure the url to your image is correct and the size you want. Regards, Devin Benoit on "Header - Language Flags" http://www.kriesi.at/support/topic/header-language-flags#post-97263 Mon, 18 Feb 2013 15:52:39 +0000 Benoit 97263@http://www.kriesi.at/support/ Maybe i'm not clear in my question . I just want to add 2 language flag in the header ( Top right underneath the social icons ) for a bilingual website .