Streaming live at 10am (PST)

Formatting issue


#1

Read only link:
https://preview.webflow.com/preview/employerdirectory?preview=85c9a8678372b0530807b495bf9763eb

I am using a HTML include function and it is generating the code properly for my test html browser but it is not formatting correctly on my live site.

Here is the code:

<div class="w-section">
<div class="w-container">
  <div>
    <div class="w-embed">
      <p> <a href="http://www.employerdirectory.com/directory/Location/">Location</a> > <a href="http://www.employerdirectory.com/directory/Location/California/">California</a> >  Los Angeles Metro Area</p>
    </div>
  </div>
</div>

It appears correct on my test browser:
Location > California > Los Angeles Metro Area

However when published on my webflow created site it looks like this:
LocationCalifornia> > Los Angeles Metro Area

I think it is a formatting issue, but I cannot figure it out.

Thanks in advance for any help anyone can give me


#2

Hi @rickab, Can you please update your post with some more information so we can help you faster? Things like your read-only link, screenshots, and your environment info really speed things up.

Posting guidelines can be found here: http://forum.webflow.com/t/posting-guidelines-for-the-need-help-category/8094

Thanks in advance! smile


#3

Read only link:
https://preview.webflow.com/preview/employerdirectory?preview=85c9a8678372b0530807b495bf9763eb


#4

Screen shot:


#5

Tested in Chrome, IE, & Firefox, all show incorrect format


#6

Thanks for the additional info smile Can you provide screenshots of the page, the element, and the expected result? I'm trying to narrow down your code problem.

Also, if you can provide a reduced case (duplicate your site and remove anything unrelated to the issue) that would be really helpful.

Thanks in advance! smile


#7

I have made a duplicate copy of the site and left on the page in questions named defdir

https://preview.webflow.com/preview/employerdirectory11092930?preview=6027507a1cdbe0c7cfa0dff7e9581693

Here is a screenshot within webflow showing the element in question. It is %%location%% and is an embedded element. It calls information from my SQL database. It is delivering the correct code (above), it just does not format it correctly.

I expect it to return: (example based on code)
Location > California > Los Angeles Metro Area

However it returns:
LocationCalifornia> > Los Angeles Metro Area

The ">" that should be between "Location" and "California" shows up after "California" and also pushes the two words together without a space.


#8

Also - FYI

If I copy the line "LocationCalifornia> > Los Angeles Metro Area" that is showing incorrect on my site here:
http://www.employerdirectory.com/directory/Location/California/_Los_Angeles_Metro_Area/

If I paste it in a text editor it shows as:

Location
> 
California
> Los Angeles Metro Area

Which is not perfect, but the end result is better than what is showing now.

Of course the end result I am looking for is still:
Location > California > Los Angeles Metro Area


#9

I was able to figure it out by trial and error.

It was being caused by some custom css formatting that was within the template I was using.

I rebuilt the site from scratch and it worked fine.

I thought I would be able to save time using a template but learned the hard way.


#10

#11