www.wysiwygwebbuilder.com

protectourlands

Perfect! Thank you Pablo. I got it working. I copied your fancybox .css and .js files from the head of your page and replaced my files with those. The only thing I can think of is I had a bad file from the fancyapp download.

I am truly grateful for the time you took to help me fix this.

protectourlands

Thank you Pablo I have the files in the fancybox folder that is on the lightbox folder in system. WYSIWYG Web Builder > system > lightbox > fancybox > files All the files being called upon in the head code are linked correctly and opening. I'm using the latest jquery 3.4.1 Everything is there. It's ...

protectourlands

Thank you Pablo Tried that also. Still nothing. The image to pop up is in the images folder on the server. The path is correct. Is it the .ini file? Here is how mine is written: [attribute] rel=$ID$ [copyrights] company=Janis Skarnelis url=http://fancybox.net/ [init] script=$("a[rel^='$ID$']&qu...

protectourlands

Thank you Pablo. Those files were in the download. I didn't add them. Regardless I removed them and it still does not work for me.
http://www.icandyexperts.com/test/fancyboxtest.html

I am beginning to think I am cursed

protectourlands

Palo Could you, or Bluesman, or anyone else that has installed Fancybox 3.5.7 per the WB link in previous posts, please publish a page with a demo? Just an image opening another image in lightbox would help me immensely. https://www.wysiwygwebbuilder.com/forum/viewtopic.php?f=10&t=80753 I have t...

protectourlands

Could it be the lightbox.ini file? The file that downloads when the program is installed is: [attribute] rel=$ID$ [copyrights] company=Janis Skarnelis url=http://fancybox.net/ [init] script=$("a[rel^='$ID$']").fancybox({$SETTINGS$}); settings= The last line "settings=" is not in ...

protectourlands

Thank you. I am back to 1.3.4 It appears the custom install of newer versions of fancybox no longer works when installed as directed in the linked post. I know it worked in previous versions of WB. Maybe something changed in WB recently? I downloaded the latest version 3.5.7 and added the .ini file....

protectourlands

I have deleted the fancybox folder in the lightbox folder. I have reinstalled the program and the fancybox folder has been restored with the 1.3.4 version. Still when I preview the test page it is still using the 3.3.5 version. Where else can it be getting this from besides the fancybox folder in th...

protectourlands

Yes that makes sense. it was probably done a while ago and I forgot. Than you both. I am not sure why it stopped working but at least I now know the cause. Thank you again.

protectourlands

Here is the test link:
http://www.icandyexperts.com/test/fancyboxtest.html

Click on the Intro image and another image should pop up in fancybox. Nothing happens. If I switch the page properties to magnificpopup that works fine.

protectourlands

No Pablo, nothing I can think of. I rarely use lightbox so I cannot say when this happened. I thought it might be a preview issue so I published a test page and still not working.

protectourlands

It actually does nothing. If I switch the page properties to magnificpopup that works fine. Switch back to fancybox and nothing happens. I'm trying to use HTML5 Video player and have it open in lightbox - fancybox. Even if I place an image and link it to open another image in lightbox, nothing happe...

protectourlands

My fancybox has stopped working for some reason. Is there a way to restore the fancybox folder inside the lightbox folder without doing a full program download? It is not in the lightbox downloads on the website.

protectourlands

Nice work Ron. Touch capable. Thank you for making this available.

protectourlands

But that is exactly what I was able to do. The home page h1 is different than the about us page h1 - same project. I used the same h1 from the style manager but on the home page I changed the text color and background color in a separate css file that is called on from the head code. I appreciate al...

protectourlands

Thank you Pablo and Brian. I see that but It does however write the copied version as a class.

Code: Select all

 <h1>text</h1>

vs

Code: Select all

<h1 class="newheading">text </h1>

I don't think my client will accept this. They want to see <h1>. I'll check. Thank you both

Happy New Year

protectourlands

I tried to build more than one h1 style in the manager and it cannot be done. I probably didn't explain this clearly. I need to tag all of the page headings h1. The problem is some of the backgrounds change from white to black. So I need to have some pages with h1 tagged text have the text colored. ...

protectourlands

The problem is, the text has to be tagged h1. Are you saying there can be more than one h1 style in the manager?

protectourlands

I tried it 2 ways. I added style tags and placed the new style code after the body tag in page html. I also tried writing a new css file, using file publisher, and calling on it in the head tag. Both worked. Since most of the new style was redundant, I only wrote the replacement h1 style to include ...

protectourlands

Can't I write a new style for h1 and place it in the page html? WB will generate the tag for that text, and the embedded style will overwrite the style generated in the sheet? ex <style> h1 { background-color: #FFFFFF; color: #000000; display: inline; font-family: "Varela Round"; font-size...

protectourlands

Thank you Pablo. I was hoping there was a way to overwrite the generated h1 style for other pages with a separate CSS file. I think I'm going to have to split the project into 2 wb files.

protectourlands

I have a H1 tag on my home page that does not work on the other website pages. Is there a way to assign a different H1 style to text on other pages within the same project?

protectourlands

I realized I can build a style for the color with the breakpoints. I still had to go through over 100 pages to apply it to the layer but at least I didn't have to go through each breakpoint on the pages.

protectourlands

Thank you Pablo. Merry Christmas!

protectourlands

I have a 100+ page website and every page has 5 breakpoints. I need to change the background color of a layer to black. In Global Replace, the background color only changes the default view layer background color to black. Is there a way to change the color to black in the other breakpoints? I sure ...

protectourlands

Like this?

http://www.peacefulnesttulum.com/

protectourlands

Thank you Pablo. This all makes sense now. I was trying to space the edit boxes apart in the layout grid. I see now it has to be applied individually by margin through the Arrange tool.

protectourlands

It doesn't seem to be working.

Add an editbox to the page. Make a style with padding and/or margin. Apply the style to the editbox through the manager. All the attributes will apply instead of padding or margin.

protectourlands

I have built a style in the style manager for a form editbox. I cannot get the padding or margin values to take effect. Are these not supported?

Also, is there a way to set the field height in the style?

protectourlands

Thank you Pablo.

protectourlands

I have been experimenting with Flex Grid and must agree with Pablo - this is likely the future in responsive page layout. Amazing! I have a page currently structured with Layout Grid and floating layers. I need one of the rows of content to change the order of the rows when stacked from multiple col...

protectourlands

OK I waked away and came back to it with a fresh look and was able to use the column padding to get the desired spacing. My guess is I was applying it to the wrong breakpoint when I last tried it. I removed the transparent shapes. All set now. Thank you again.

protectourlands

Unfortunately it was a button from a shape so padding it was not an option in the manager. For some reason padding the columns didn't work either. not sure how to add margin to an object. Nonetheless the transparent shape did the trick. I could not be happier with the result. Thank you again.

protectourlands

Worked like a charm crispy68

There was no way to pad the bottoms after the stacking to keep them spaced apart so I used a css3 shape transparent to build space. Everything looks great. Thank you again for taking the time to walk me through this method.

protectourlands

Wow this is exactly what I am trying to do. I never thought of putting grids inside of a grid. I'll have to study this. Thank you so much for taking the time to make this demo. This really opens up the possibilities.

protectourlands

If they can break to multiple rows while horizontal before it goes to stacked mode then I believe I have an answer.

Yes I think that is what I am trying to do.

protectourlands

Thank you Crispy68 I have 5 images with text below them, then a button below the text. The columns are set to center. By "stacked" I meant wrapped, as in using the overflow custom settings to get 3 columns in the first row and 2 columns in the second row At about 768 the columns get tight ...

protectourlands

Yes but it changes the width of the other columns in that row, throwing off the alignment on the stack.

The 1,2,2,2,2,1 becomes 4,4,4 with overflow custom. So I need 3 column in the first row and 2 columns in the second row. I m really struggling with this. I appreciate your advice.

protectourlands

I tried that first, but when I stack the columns the first column is blank in the first row.

Is there a way to make that column invisible without affecting the widths of the other columns?

protectourlands

What is the best way to make 5 columns equal width in Layout Grid?

protectourlands

I even tried directly editing the CSS after publish and that did not work either.

Changed

Code: Select all

height:442px

to

Code: Select all

height: auto

No worries. I changed the format to "cover" so the height stays the same.

I really appreciate the time you took to look at this Pablo.

protectourlands

I added it to the floating layer Object HTML > Custom style The resulting code is <div id="Layer1" style="position:relative;text-align:center;width:100%;height:442px;float:left;clear:left;height: auto !important;"> <div id="Layer1_Container" style="width:1650px;hei...

protectourlands

Unfortunately that didn't work. Thank you for explaining all this though. I'll try a different design.

All the best to you

protectourlands

This has nothing to do with the layout grid. Exactly and this is what I have discovered. It is the fixed height of the layer that is keeping the grid from floating upward. If you need a flexible height then you can override the height with custom code. Can I do this in the Object HTML > Custom Style?

protectourlands

Hi Pablo Unfortunately the grid is not floating to the varying layer height. It doesn't because I believe the floating layer sets a fixed height even though it is set to "contain". Here is the html generated for the layer: <div id="topimage" style="position:relative;text-ali...

protectourlands

I have a floating layer set full width, Background: image, contained. The image scales nicely at all widths with the height changing as it narrows. I have a layout grid below it. How do I get the layout grid to float upward to the changing height of the floating layer as it gets smaller as the page ...

protectourlands

Thank you BaconFries. I'll try this first. All the best to you.

protectourlands

I have a link to a pdf on a web page. I want to prevent Google and other search engines from indexing the page and especially the pdf. I have set the page to noindex, nofollow. Will this do it? Or do I have to write additional tags? Any advice would be appreciated.

protectourlands

Thank you Pablo. That almost worked. I just had to also add &iframe=true for lightbox. Works perfectly. Thank you sir.

protectourlands

I have the Youtube video object on the page set to open the video in lightbox. Is there a way to set the video to autoplay once it opens in lightbox?

Search found 413 matches