One Widget – Two Places
URL to the page in question:
http://
-
http://chefdiva.cooking/
How can I take that one widget and bring it over to two places? Like to stretch out the text!!
Hi Ken,
Looks like the site’s down for the moment. I can take a look when it’s available again.
Take care,
Bill
Good Morning Ken,
Give this a try and see if it works for you:
- Go to your theme options page and choose the Advanced tab.
- Scroll down to the Custom CSS box and add this:
#two .widget:nth-child(2) {
margin-left: 30px;
margin-right: 30px;
}
- Update your settings.
Happy Thanksgiving,
Bill
http://chefdiva.cooking/
I have it lined up on the front page. How do I make the three columns into two. Would like to have the text fit over to columns? 1/3 and 2/3
In CSS you can specify widths. The snippet above targets the second widget in that section only. Add a width to it to make it something other than the default. That might look something like this:
#two .widget:nth-child(2) {
margin-left: 30px;
width: 640px;
max-width: 100%;
}
The max-width is there to keep the 640px from affecting smaller screen sizes where it would be too wide.
You also might wait until next week. I have a new restaurant theme coming out (http://demo.organizedthemes.com/mise-en-place/) that uses a page builder to create pages like this. You can specify any number of columns and add content via widgets into those columns. It’ll make creating a page like this a good bit easier. Plus you can create as many pages like this as you’d like to.
- The topic ‘One Widget – Two Places’ is closed to new replies.