Hello,
I am using an RSS "widget" which is placed into an HTML object to display text. All of that works, but the text width cannot be controlled.
I am using a layout grid and every option I have tried still allows the HTML text to use the full width of the page. I have also tried placing the RSS widget into a separate page, and then placing that page (using an embedded page) into the main page for display. Everything I try to limit the width of the text does not work and after a couple of hours of trying I am asking for some help. A search of the forum did not result in anything that helped.
Here is the page, shown with an embedded page that contains the HTML.
http://www.theradioroom.net/
Using v.15.4.4 64bit version on a Windows 7 PC.
Thank you,
Shawn
Cannot Control HTML Width
Forum rules
PLEASE READ THE FORUM RULES BEFORE YOU POST:
viewtopic.php?f=12&t=1901
MUST READ:
http://www.wysiwygwebbuilder.com/respon ... esign.html
Please read this first before posting any questions! Also check out the example project to get an idea how the RWD concept works.
Responsive Web Design FAQ:
http://wysiwygwebbuilder.com/forum/view ... 10&t=63817
PLEASE READ THE FORUM RULES BEFORE YOU POST:
viewtopic.php?f=12&t=1901
MUST READ:
http://www.wysiwygwebbuilder.com/respon ... esign.html
Please read this first before posting any questions! Also check out the example project to get an idea how the RWD concept works.
Responsive Web Design FAQ:
http://wysiwygwebbuilder.com/forum/view ... 10&t=63817
Re: Cannot Control HTML Width
It looks like you are using a 3rd party script/widget. It may be difficult since you dont have access to the script itself.
However, looking at the code generated it uses <p> tags so you could target these as long as you don't have any other <p> tags on the page as these would be targeted as well.
So if you wanted to limit the width, you could add something like this to the page HTML between the <head> tags:
However, I noticed there are errors in the script with the styling. The code is wrong:

There are 3 additional " in the code which is causing it to break. The code should look like:
Are you able to redo/rebuild this widget?
However, looking at the code generated it uses <p> tags so you could target these as long as you don't have any other <p> tags on the page as these would be targeted as well.
So if you wanted to limit the width, you could add something like this to the page HTML between the <head> tags:
Code: Select all
<style>
p{max-width:900px;}
</style>
There are 3 additional " in the code which is causing it to break. The code should look like:
Code: Select all
<p style="width:10%; word-break:break-all; color:#ff0000 ;border-bottom:1px solid #ffffff; margin-bottom:12px; padding-bottom:10px">
-
-
- Posts: 22
- Joined: Sun Dec 16, 2018 11:04 pm
Re: Cannot Control HTML Width
Hey Crispy -
Thanks so much for your speedy and skillful reply.
Yes, I do have access to modify the script. I'll give it a try and see if I can correct my errors.
Really appreciate the help!
Shawn
Thanks so much for your speedy and skillful reply.
Yes, I do have access to modify the script. I'll give it a try and see if I can correct my errors.
Really appreciate the help!
Shawn
-
-
- Posts: 22
- Joined: Sun Dec 16, 2018 11:04 pm
Re: Cannot Control HTML Width
Hi Crispy,
It worked! You are the master, thank you so much.
I still have work to do to clean it up, but you have saved me a lot of grief and I am very grateful.
Thanks again,
Shawn
It worked! You are the master, thank you so much.
I still have work to do to clean it up, but you have saved me a lot of grief and I am very grateful.
Thanks again,
Shawn