Support Forum - Topic: Broadscope Layout

Support Forum - Topic: Broadscope Layout http://www.kriesi.at/support/topic/broadscope-layout Support Forum - Topic: Broadscope Layout en-US Sat, 25 May 2013 00:36:17 +0000 http://bbpress.org/?v=1.0.2 <![CDATA[Search]]> q http://www.kriesi.at/support/search.php Dude on "Broadscope Layout" http://www.kriesi.at/support/topic/broadscope-layout#post-24656 Fri, 12 Aug 2011 05:56:18 +0000 Dude 24656@http://www.kriesi.at/support/ Glad that I could help you :) Lesley101 on "Broadscope Layout" http://www.kriesi.at/support/topic/broadscope-layout#post-24641 Fri, 12 Aug 2011 01:34:57 +0000 Lesley101 24641@http://www.kriesi.at/support/ Thanks dude, above worked :) Looks great Dude on "Broadscope Layout" http://www.kriesi.at/support/topic/broadscope-layout#post-24614 Thu, 11 Aug 2011 16:24:19 +0000 Dude 24614@http://www.kriesi.at/support/ Add following code to css/custom.css: <pre><code>#template-blog .hr { margin-left: 0; width: 100%; }</code></pre> Lesley101 on "Broadscope Layout" http://www.kriesi.at/support/topic/broadscope-layout#post-24610 Thu, 11 Aug 2011 15:37:43 +0000 Lesley101 24610@http://www.kriesi.at/support/ Fantastic - that worked :) Do you know how I can fix the blog page so the horizontal line beneath each excerpt stretches over to the left more like on the archive page and increase the spacing between this line and the body text? Would like the blog page: <a href="http://www.marketeventsgroup.com.au/our-events/" rel="nofollow">http://www.marketeventsgroup.com.au/our-events/</a> to look like the archive page: <a href="http://www.marketeventsgroup.com.au/category/vic/" rel="nofollow">http://www.marketeventsgroup.com.au/category/vic/</a> cheers :) Dude on "Broadscope Layout" http://www.kriesi.at/support/topic/broadscope-layout#post-24608 Thu, 11 Aug 2011 15:12:40 +0000 Dude 24608@http://www.kriesi.at/support/ Try: .archive .content .news-content .news-thumb, .page .content .news-content .news-thumb { height: 125px; width: 243px; } Lesley101 on "Broadscope Layout" http://www.kriesi.at/support/topic/broadscope-layout#post-24607 Thu, 11 Aug 2011 15:06:47 +0000 Lesley101 24607@http://www.kriesi.at/support/ Also, forgot to add - when I made the change to archive: .archive .news-content .news-thumb { height: 125px; width: 243px; } the image size in the widgets area also increased to 125px x 243 px - how can i have these remain at 48px x 48px? Thanks again :) Lesley101 on "Broadscope Layout" http://www.kriesi.at/support/topic/broadscope-layout#post-24605 Thu, 11 Aug 2011 14:58:14 +0000 Lesley101 24605@http://www.kriesi.at/support/ Hi Dude, thanks for this! I applied the following code to css/custom.css: .archive .news-content .news-thumb { height: 125px; width: 243px; } .blog .news-content .news-thumb { height: 125px; width: 243px; } the changes to archive worked: <a href="http://www.marketeventsgroup.com.au/category/nsw/" rel="nofollow">http://www.marketeventsgroup.com.au/category/nsw/</a> but no change for blog: <a href="http://www.marketeventsgroup.com.au/our-events/" rel="nofollow">http://www.marketeventsgroup.com.au/our-events/</a> any advice on what I need to edit would be fantastic :) cheers Dude on "Broadscope Layout" http://www.kriesi.at/support/topic/broadscope-layout#post-24602 Thu, 11 Aug 2011 14:32:34 +0000 Dude 24602@http://www.kriesi.at/support/ Use: <pre><code>.blog .news-content .news-thumb, .archive .news-content .news-thumb { height: 125px; width: 243px; }</code></pre> Lesley101 on "Broadscope Layout" http://www.kriesi.at/support/topic/broadscope-layout#post-24598 Thu, 11 Aug 2011 13:53:50 +0000 Lesley101 24598@http://www.kriesi.at/support/ Thanks once again dude, have made the above changes and looks great! What code would I need to use to add to css/custom.css to replicate the above to adjust the image size containers for: blog - <a href="http://www.marketeventsgroup.com.au/our-events/" rel="nofollow">http://www.marketeventsgroup.com.au/our-events/</a> archives - <a href="http://www.marketeventsgroup.com.au/category/vic/" rel="nofollow">http://www.marketeventsgroup.com.au/category/vic/</a> Cheers :) Dude on "Broadscope Layout" http://www.kriesi.at/support/topic/broadscope-layout#post-24594 Thu, 11 Aug 2011 13:22:37 +0000 Dude 24594@http://www.kriesi.at/support/ I'd use: <pre><code>.search .news-content .news-thumb { height: 125px; width: 243px; } .search .news-time{ font-size: 10px; } .search .news-headline{ font-size: 10px; }</code></pre> To adjust the images + headlines, etc. You can add other attributes (font-weight, etc.) too. Lesley101 on "Broadscope Layout" http://www.kriesi.at/support/topic/broadscope-layout#post-24582 Thu, 11 Aug 2011 12:28:37 +0000 Lesley101 24582@http://www.kriesi.at/support/ Hi Dude, thanks again for another quick reply, the above worked a treat! I have also changed the blog and archive pages to the same format (as search results): blog - <a href="http://www.marketeventsgroup.com.au/our-events/" rel="nofollow">http://www.marketeventsgroup.com.au/our-events/</a> archives - <a href="http://www.marketeventsgroup.com.au/category/vic/" rel="nofollow">http://www.marketeventsgroup.com.au/category/vic/</a> could you advise of the code/s (for blog and archives) to add to css/custom.css to adjust the image size containers to appear the same as in the search results: <a href="http://www.marketeventsgroup.com.au/?s=mordi" rel="nofollow">http://www.marketeventsgroup.com.au/?s=mordi</a> Also, which file would I need to go to edit the headings and dates (to increase sizing and bold) for blog and archives after the above changes have been made? Thanks again for your help so far :) Dude on "Broadscope Layout" http://www.kriesi.at/support/topic/broadscope-layout#post-24567 Thu, 11 Aug 2011 08:56:14 +0000 Dude 24567@http://www.kriesi.at/support/ Open up includes/loop-search.php and search for: <pre><code>$image = avia_image_by_id($slides[0]['slideshow_image'], 'widget', 'image');</code></pre> You can replace "widget" with different sizes like: "archive" or "portfolio". You can find all image sizes in functions.php You also need to adjust the image container size - add following code to css/custom.css and adjust the dimensions: <pre><code>.search .news-content .news-thumb { height: 48px; width: 48px; }</code></pre> Lesley101 on "Broadscope Layout" http://www.kriesi.at/support/topic/broadscope-layout#post-24559 Thu, 11 Aug 2011 07:06:36 +0000 Lesley101 24559@http://www.kriesi.at/support/ Hi Dude, thanks for the speedy reply! Sorry, I wasn't clear in my question above - had wanted to know how to replicate the layout of what I thought were post excerpts on the page above - I contacted them direct and turns out this is white label advertisement generated by an affiliate, so looks like no dice there. Another question though - were would I find the code to increase the size of feature image displayed for posts in the search results: eg image on left: <a href="http://www.marketeventsgroup.com.au/?s=mordi" rel="nofollow">http://www.marketeventsgroup.com.au/?s=mordi</a> thanks in advance :) Dude on "Broadscope Layout" http://www.kriesi.at/support/topic/broadscope-layout#post-24552 Thu, 11 Aug 2011 05:58:19 +0000 Dude 24552@http://www.kriesi.at/support/ Hey, the user set a custom body background in css/custom.css: <pre><code>body { background: url("http://www.backpackguru.com/wp-content/uploads/2011/06/bbgtilehead.png") repeat-x scroll left top #FFFFFF; }</code></pre> and added a banner instead of the search field: <a href="http://www.kriesi.at/support/topic/replace-search-form-for-banner" rel="nofollow">http://www.kriesi.at/support/topic/replace-search-form-for-banner</a> Lesley101 on "Broadscope Layout" http://www.kriesi.at/support/topic/broadscope-layout#post-24540 Thu, 11 Aug 2011 03:26:40 +0000 Lesley101 24540@http://www.kriesi.at/support/ Hi, I'd like to replicate the layout on a site I saw on the Broadscope showcase, the page is here: <a href="http://www.backpackguru.com/travel-deals/" rel="nofollow">http://www.backpackguru.com/travel-deals/</a> any advice on how to acheive the above would be fantastic! Thanks in advance Lesley