Community Forums › Forums › Archived Forums › Design Tips and Tricks › Digital Pro: Front Page 3 Widget Area Layout Issue
Tagged: digital pro, Front Page 3, widget layout
- This topic has 9 replies, 4 voices, and was last updated 7 years, 3 months ago by Christoph.
-
AuthorPosts
-
February 27, 2016 at 3:24 pm #180088pebkacMember
Hi, I've added four (4) widgets to the Front Page 3 section in the Digital Pro Theme, and instead of seeing the top (first) widget displayed as my title, followed by a row of three columns with "Learn More" buttons, the second widget is displayed directly under the first widget and centered right below it. When I did an element inspection of my theme versus the demo theme, I see that for some reason the SMALL element is wrapped around my widget title (e.g. "<small>My Title</small>"), and when I travel down the page, I see that the same SMALL element is juxtaposed to the 2nd widget that's not showing up in the regular 3 column formation, as it should, since there are a total of four (4) widgets inside of this area. I don't see any '<small>' designation when I inspect the elements of the theme's demo, so I've tentative figured out that this may be the problem.
I've attached a link to an image of what's happening, as I cannot post the website here at this time. I'm not sure what's causing this, but is there a way that I can undo this "small" element addition to various parts of my front page?
https://www.anony.ws/image/JcllFebruary 27, 2016 at 7:27 pm #180104ChristophMemberHi,
sorry, without seeing the actual website/code there is not much that can be done.
Can you check if the width of the widgets 2-4 are all the same and will fit in one row (including margin and padding)?
February 28, 2016 at 8:27 pm #180211pebkacMemberCan you check if the width of the widgets 2-4 are all the same and will fit in one row (including margin and padding)?
I'm not sure. How would I do that? Also, I tried activating another theme (Atmosphere, I think) and the same thing happened, where there should have been a row of 3 columns, but instead, the first in the row is directly under the title widget. If this happens on more than one theme, does this mean there may be something wrong with the Genesis Framework itself, or is it perhaps something that I'm doing wrong altogether, but I just can't see it?
BTW: If there was a way that I could share the web address privately, I would, but there are a few factors keeping me from being able to do so publicly. I totally understand how this is limiting from an assistance standpoint.
February 28, 2016 at 8:29 pm #180212pebkacMemberThis reply has been marked as private.February 28, 2016 at 9:06 pm #180220ChristophMemberSorry, only you and moderators can see private posts.
You can always open a ticket with the official Studiopress support at my.studiopress.com/help.
If you want, you can DM me on Twitter or use the contact form on my website( http://www.christophherr.com/contact ) and I will take a quick look.
March 3, 2016 at 4:59 pm #180586jimwjensenParticipantThis reply has been marked as private.December 18, 2016 at 12:53 am #197761ralphkMemberI am having a similar issue.
on http://www.hothitmedia.com the 3 column widget section now is spread over 2 rows.
This wasn't the case initially but for some reason this changed and I have no idea how this happened.December 18, 2016 at 9:54 am #197769ChristophMemberHi,
Please correct the markup errors: https://validator.w3.org/nu/?doc=http%3A%2F%2Fwww.hothitmedia.com%2F
and see if that fixes the problem.
December 20, 2016 at 5:30 am #197874ralphkMemberHi Christoph,
Thanks for having a look however not sure where to start in this.
Secondly is that the markup changed without me changing anything.I just re-did all the code as done in the demo for that widget area but still no difference
December 20, 2016 at 11:21 am #197900ChristophMemberHi,
you have to go through the HTML you added to the widgets. This is in the front-page-2 widget area:
<p><small>By joining the Smarter Business Newsletter, you agree to our <a href="#">Privacy Policy</a>.<br /> <small> SPAM is annoying for everyone, so lets not do that mmkaay?</small></p>
Two opening
<small>
and only one closing.
-
AuthorPosts
- The forum ‘Design Tips and Tricks’ is closed to new topics and replies.