Forum Replies Created
-
AuthorPosts
-
Riavon
MemberYikes, is your site down?
Twitter: @riavonentprises
December 28, 2012 at 1:54 pm in reply to: Removing image border for only one home page featured widget #7976Riavon
MemberHooray! If I had been paying better attention, I would have noticed that sooner. 🙂 So glad we got it figured out. Your site is lovely, btw.
Twitter: @riavonentprises
December 28, 2012 at 1:34 pm in reply to: Removing image border for only one home page featured widget #7969Riavon
MemberWait a sec. I just noticed something else. Your home-bottom-1 is a div class not div id. Which means it needs to be coded with a dot not a hashtag. In your style you can try
.home-bottom-1 .featuredpost img,
.home-bottom-1 .featuredpage img {
border: none;
background: none;
}
Twitter: @riavonentprises
December 28, 2012 at 1:31 pm in reply to: Removing image border for only one home page featured widget #7968Riavon
MemberI have an idea. You could manually enter the image via stylesheet :before pseudo element on the #featured-post-2 div and then select not to show featured image in the widget. I will come back with some code.
Twitter: @riavonentprises
December 28, 2012 at 1:01 pm in reply to: Removing image border for only one home page featured widget #7957Riavon
MemberLooks like Doak and I were replying at the same time. I too found the #featured-post-2 may do the trick.
Twitter: @riavonentprises
December 28, 2012 at 1:00 pm in reply to: Removing image border for only one home page featured widget #7956Riavon
MemberYou might try doing something for that particular featured page widget only by adding #featured-post-2 to the mix.
Maybe
#featured-post-2 .featuredpage img {
border: none;
background: none;
}
Twitter: @riavonentprises
Riavon
MemberHi, I struggled (for a lonnnnng time) trying to figure out this same dilemma for one of my client sites, so I feel your pain. I even tried to use a plugin Q2W3 Post Order to do it, but that didn't work to set the order in the Responsive Slider. At the time, I did a lot of research on the old forums trying to find an answer. The only solution, and the one I implemented, was to change the publication date/time of the posts so that they were in the correct order. Huge pain in the arse. But, it worked.
Twitter: @riavonentprises
December 28, 2012 at 12:46 pm in reply to: Removing image border for only one home page featured widget #7940Riavon
MemberTry this:
#home-bottom-1 .featuredpost img,
#home-bottom-1 .featuredpage img {
border: none;
background: none;
}I think that image is a featured post.
Twitter: @riavonentprises
Riavon
MemberNo worries. 🙂 I just was worried that one of your sites was down! I like that one the best. Nice work!
Twitter: @riavonentprises
Riavon
MemberThe realtyresource24x7.com site came up server not found for me.
Twitter: @riavonentprises
Riavon
MemberHey sundijo, you add this code in your child theme's functions.php file. Do you know how to access that?
Twitter: @riavonentprises
December 28, 2012 at 10:20 am in reply to: Best way to remove header, footer and slider from #wrap #7894Riavon
MemberLink and theme?
Twitter: @riavonentprises
Riavon
MemberThat font is available via Webtype. You can reference this page http://www.webtype.com/info/advantage/ "Quick and Easy Setup" and they have a great instructional video here http://www.webtype.com/info/video/ that will walk you through how to use it.
For a similar look using Google fonts, try Julius Sans One or Questrial
Twitter: @riavonentprises
Riavon
MemberNice looking site, but there is a lot going on here. Are you sure you want to add even more to it? Especially more movement? I would caution you on that, simply due to the fact that you run the risk of overwhelming your visitors with a lot of visual activity that may take the focus off your primary objective, rather than enhance it.
That being said, with a quick glance at your site using Firebug, I can see that that your header area is structured in a way that you are using a background image in the body tag to style the top portion of the pages. This doesn't leave much room for flexibility in the design. I assume you want your yellow-background marquee area to be the full width of the browser window? Do you want the marquee to appear on all pages or just the home page?
If you want the yellow strip to appear the full width of the browser window, you would have to change the existing background image you're using now to incorporate a yellow strip where you want it to appear, then adjust your other settings, such as your #inner div so that it has a bigger top margin to allow for the additional height of the yellow marquee area.
If the theme's design was configured differently, you could add another div and everything would naturally move down as needed with the existing margins set. Also, the way your site is configured, the scrolling text will only go as wide as 960px which is the width of the #wrap div which contains all of your actual page content.
All that being said and done, if you have the Genesis Simple Hooks plugin, you can add your HTML for the scrolling marquee in the genesis_after_header Hook
Something similar to this:
<div class="marquee"><marquee behavior="slide" direction="left">Your slide-in text goes here</marquee></div>The above code presumes that you add your .marquee to your style.css something like
.marquee {
width:100%;
height:40px; (whatever height you want it to be according to the height of the strip you create in the bg image)
text-align:center;
background-color:transparent;
padding:0
margin: 0 auto;
color:#000
font-size:14px
}This is my best guess, and hopefully a place for you to start.
Twitter: @riavonentprises
Riavon
MemberI just used Firebug to look at your site, and I see this on line 814 of your style.css :
.content-sidebar #content, .sidebar-content #content {
background-image:Â none;
width:Â 640px;}
In the code you posted in your reply to me above, I see you have two width declarations. In order to show the border you must place the code correctly into your style.css exactly as this:.content-sidebar #content, .sidebar-content #content {
background-image:Â none;
border-right:Â 1px solid #E5E5E5;
width:Â 639px;}
An easy way for you to hide that line is to simply change the #e5e5e5 (that's your light gray color) to transparent - border-right:Â 1px solid transparent;
Twitter: @riavonentprises
Riavon
MemberPlease provide us with a link to your site as well as which Genesis theme you're working with. This enables us to help you a little better. Thanks!
Twitter: @riavonentprises
Riavon
MemberSo glad you were able to figure out what was causing the problem. I looked at your site this morning and your header image looks great! I didn't see a space, so I'm guessing you were able to resolve that, as well. 🙂
Twitter: @riavonentprises
Riavon
MemberI can't see it using Firebug, but looking at your stylesheet I see:
.content-sidebar #inner {
background: url(images/content-sidebar.png) repeat-y;
}which is what I think may be causing the issue with the odd line going down the middle of the sidebar area. I'd recommend trying to remove that background image as well, then your right border on the content area will serve as the separator between the two sections.
Twitter: @riavonentprises
Riavon
MemberSorry for the delay in responding. Ok, I see now the issue. I assumed that was a 1px x 1px image but it's a 960px x 1px image so it's forcing your content div to be too wide. I'd recommend removing that image entirely and simply add a border:
.content-sidebar #content, .sidebar-content #content {background-image:Â none;
border-right:Â 1px solid #E5E5E5;
width:Â 639px;}
Twitter: @riavonentprises
Riavon
MemberHi,
I think the problem is the dimensions of your images, at least the ones I see there now, are not fitting your 400px x 400px space is all. Your images size themselves proportionately to fit, so they are fitting width-wise (400px wide) but not filling the 400px height because they're not all proportioned as squares but as rectangular in their dimensions. The settings you've configured in the Responsive Slider settings will set it to max-height of 400px, which means that is as large as it can go, if the width supports it. But, if the image is wider than tall, it will scale to fit the width. Hope that makes sense?
Twitter: @riavonentprises
-
AuthorPosts