Hey guys, i'm designing another responsive website for some of my guild mates.. and I was just wondering how I would be able to get the Lorem Ipsum paragraph off to the right?
I also was wondering how to resize that logo up top, i've been through column-span-12 and can't find anything other than it being 100% width..
A hint would help a bunch, thanks guys!
vwguild.coffeecup.com
bough
Registered User
1,718 posts
Eric Rohloff
Senior Advisor
20,190 posts
Looks like you need to place it in a column.
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.
This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
It's easy to overlook something you're not looking for.
This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
bough
Registered User
1,718 posts
Hmmm.. so the column that it's set in currently at column-span-12 isn't the right one?
bough
Registered User
1,718 posts
Eric, isn't this the column HTML ?
<div class="coffee-span-2 coffee-1341-span-8">
<p class="paragraph">
<div class="textbg">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum. Praesent mauris. Fusce nec tellus sed augue semper porta. Mauris massa. Vestibulum lacinia arcu eget nulla. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.</p>
</div></div>
<p class="paragraph">
<div class="textbg">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum. Praesent mauris. Fusce nec tellus sed augue semper porta. Mauris massa. Vestibulum lacinia arcu eget nulla. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.</p>
</div></div>
bough
Registered User
1,718 posts
Eric Rohloff
Senior Advisor
20,190 posts
What have you tried Matt? RLM has so many options just like the menu builder so looking at your html is not going to help much.
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.
This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
It's easy to overlook something you're not looking for.
This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
bough
Registered User
1,718 posts
I'm sorry.. I don't really want to mess with the spans width percentages.. but other than just locating codes I haven't tried anything..
http://vwguild.coffeecup.com
http://vwguild.coffeecup.com
Eric Rohloff
Senior Advisor
20,190 posts
I haven't had any time to mess with RLM to any great extent. I started redoing a site with it but it hasn't gone far. You need to change something in the app as that's where it all happens.There's not much sense in altering the html of a responsive site outside the RLM when that's what the app is actually suppose to do.
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.
This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
It's easy to overlook something you're not looking for.
This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
bough
Registered User
1,718 posts
Gotcha.. i'll work on it later today..
This will be my second attempt ..
I actually set the Lorem Ipsum part to "paragraph" in elements, which is why I don't know why it's not going in that area of the page.
This will be my second attempt ..
I actually set the Lorem Ipsum part to "paragraph" in elements, which is why I don't know why it's not going in that area of the page.
paintbrush
Ambassador
3,816 posts
Don't know about RLM, but it seems the paragraph would have to be within the same 'row' as the newsfeed.
How many columns make up a row? I'm not sure if this is based on 12 columns?
If you have 12 columns within a row to work with, could you try something like this:
Of course, write it using the RLM terminology. But keep the news and paragraph within the same row, and make sure the columns/spans add up to 12.
For your logo, have you tried giving it a smaller span... maybe 4 instead of 12, then make the size of the logo width: 100%; and height: auto;. Give it some margins if needed.
Hard to say for sure without having actually used RLM
How many columns make up a row? I'm not sure if this is based on 12 columns?
<div class="row">
<div class="coffee-span-12 coffee-1341-span-4"><script type="text/javascript">$WowheadNewsFeed.fetch();</script>
</div> <<<<This row is closed, and the paragraph is in its own div under that row
<div class="coffee-span-2 coffee-1341-span-8">
<p class="paragraph">
<div class="textbg">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum. Praesent mauris. Fusce nec tellus sed augue semper porta. Mauris massa. Vestibulum lacinia arcu eget nulla. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.</p>
</div></div>
</div>
<div class="coffee-span-12 coffee-1341-span-4"><script type="text/javascript">$WowheadNewsFeed.fetch();</script>
</div> <<<<This row is closed, and the paragraph is in its own div under that row
<div class="coffee-span-2 coffee-1341-span-8">
<p class="paragraph">
<div class="textbg">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum. Praesent mauris. Fusce nec tellus sed augue semper porta. Mauris massa. Vestibulum lacinia arcu eget nulla. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.</p>
</div></div>
</div>
If you have 12 columns within a row to work with, could you try something like this:
<div class="row">
<div class="4_col">newsfeed here</div>
<div class="8_col">paragraph here</div>
</div>
<div class="4_col">newsfeed here</div>
<div class="8_col">paragraph here</div>
</div>
Of course, write it using the RLM terminology. But keep the news and paragraph within the same row, and make sure the columns/spans add up to 12.
For your logo, have you tried giving it a smaller span... maybe 4 instead of 12, then make the size of the logo width: 100%; and height: auto;. Give it some margins if needed.
Hard to say for sure without having actually used RLM
I love deadlines. I like the whooshing sound they make as they fly by. (Douglas Adams)
https://www.callendales.com
https://www.callendales.com
Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.
