Community Forums › Forums › Archived Forums › Design Tips and Tricks › 3 widgets, one left, second middle, third right
- This topic has 7 replies, 2 voices, and was last updated 9 years, 12 months ago by Brad Dalton.
-
AuthorPosts
-
May 8, 2014 at 8:33 am #104138PavleMember
Hi guys,
On my hompepage content I currently have 3 widgets.
They should all be in a row, and same size, but its impossible for me to create that.
Here is what I have so far :
Any ideas how to do it? I know I am close, but I´m hoping someone can help me out.
May 8, 2014 at 4:55 pm #104205Brad DaltonParticipantDepends on how you coded theme using PHP and what you populate them with.
I suggest you look at a theme which provides what you want and use the code from that theme like Executive Pro for example.
I mean, you could code in 3 widgets and then display them inline or code one widget and display the widgets you populate them with inline. The PHP and CSS would be different depending on which method you use.
May 9, 2014 at 1:22 am #104263PavleMemberHey Brad,
Thanks so much, as always your tips are incredibly valuable.
So there is no way to just inline these 3 widgets with CSS?I do have an Executive pro, but where exactly do I need to look?
To be honest, I thought this is just a simple CSS arranging.
Here is how my widget area looks nowI tried with "align text" and those other stuff, but it won´t work.
My homepage is here http;//www.cardzreview.com
I saw this type of homepage from one of the members on this forum in a topic.
The site is http://elitegamingcomputers.com/ It seams its on Sample Theme.
May 9, 2014 at 5:13 am #104272Brad DaltonParticipantYes there is but:
I mean, you could code in 3 widgets and then display them inline or code one widget and display the widgets you populate them with inline. The PHP and/or CSS would be different depending on which method you use.
May 9, 2014 at 7:04 am #104274PavleMemberBrad thank you.
So I have 3 widgets, here is what I ended up with.
I tried everything I was able to google (at list that´s what I think).
I hope someone will know to help me out on this one.
May 9, 2014 at 7:17 am #104277PavleMemberSorry forgot to attach the code
I followed your tutorial on WP-Sites Actually Brad 🙂 Thats how I learned to call a widgets.
So I called a widget in my content
After that in appearance>widgets I added 3 text widgets in which I pasted html code
Ahh I know I am close to what I want, I just do not know how to make them inline, or centered or whatever it takes too look better than this 🙂
May 9, 2014 at 11:42 am #104305PavleMemberFinally I made this work, I just aligned two widgets to the right and one to the left and it worked, sort of.
If anyone needs the code here it is
Next : I will try to make those widgets responsive and come one on top of another.
I already saw a tutorial for that on Brad´s site http://wpsites.net/web-design/add-2-responsive-widgets-side-by-side-in-genesis-2/
and will post a code when I am done.
May 9, 2014 at 4:33 pm #104344Brad DaltonParticipantGood stuff Pavle.
Looks like you're getting your hands dirty which is the best way to really learn stuff.
-
AuthorPosts
- The forum ‘Design Tips and Tricks’ is closed to new topics and replies.