Jump to content
pazyluz

problem replacing and displaying item in safari

Recommended Posts

pazyluz+    1
pazyluz

problem #1: I was unable to place the callout button where I wanted it (under a video, which is in a box, instead of under the entire page)

so i made one with the shortcodes and added a header. 

 

Looks great everywhere but ...

 

problem #2:  Safari where i cd not do anything with the css that wd allow a decent buffer between button and the video above it. 

 

did a display: none for body.safari:

body.safari .btn-small {
display:none;
}
body.safari .dcol-pad .fboxinfo .fboxtext h4 {
display:none;
}

 

put the button and header in a content box for safari, thinking the box wd be the buffer or at least give me something to adjust.

 

This is the code for the box and class i gave it:

hentry-pad my-call-button-and-header-pad entry_content

From there,

 

problem #3:
I was unable to figure out how to write the code that wd identify both the desired location (see the 2 "display:none"s above) and the contents of the box (see "hentry-pad...content" above).  I tried every combination of the items above but cdnt get there.

 

 

problem #4:

The button and header only looked cruddy on 1 page in Safari.  It was fine on the other page.  But adding the the correct page-id-numbers removed the button from both pages.  I even tried doing it with display:none on one page and display:visible on the other page but whatever happened on one page it happened on both.

 

problem #5

I'll bet there was away to locate the pl callout button beneath the videos here: www.clearheartcoaching.com

 

 

Finally, how can i change the color of button-info? (blue)  I tried but nada.

 

 

Thx for your help....

 

Share this post


Link to post
Share on other sites
James B    436
James B

Hi Peggy

 

problem #1:

 

Good idea, the callout button is part of a section and that section won't fit into the layout as you've set it up currently, so using a shortcode is a good workaround.

 

problem #2

 

The display none is working ok in safari using the browser specific css. I think problem you're having is with the classes you've entered into the button and matching up your css.

 

problem #3:

It looks like you've enter .page-id-4 as a class to the button when you created it. .page-id-4 is already a class determining the page generated by the pagelines core code, so it looks like you've declared it twice by adding it as a class to your button.

 

Give your button a unique class, like .myownbutton and the use the .page-id-4 in the custom css box only.

 

.page-id-4 .myownbutton {display:none;}

 

problem #4:


I think this is happening due to the above, the .page-id-4 is being declared twice. However, the button looks ok in safari to me, which version of safari are you using?

 

problem #5

 

As this the callout is a section, you wouldn't be able to put this inside a box unfortunately.

 

Finally, how can i change the color of button-info? (blue)  I tried but nada.


Kindly search the forum and read the documentation before posting. It will help you resolve many issues.

For CSS help be sure to check out W3Schools first and be sure to download FireBug for FireFox for troubleshooting.

James B

Share this post


Link to post
Share on other sites
pazyluz+    1
pazyluz

Thx James,

I'll revise the code. 

Can I put the callout button beneath the box?  (Right now its beneath the entire page, hidden.) IF so, I'd need to shorten the box length but dont know how.

 

How can I change the color of button-info (blue). had no luck in css so far.

 

Thx again

Share this post


Link to post
Share on other sites
Rob    547
Rob

Hi Peggy,

 

Do you mean the shortcode button? As James points out, the callout button is part of the entire callout section which won't fit in a box.

 

You may definitely add a shortcode button under the video within the same box or another box (same set) or a text widget.


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
pazyluz+    1
pazyluz

Hi Rob,

 

I mean the callout button and I wonder if I can place it under the box that the video is in.  So right now, its centered under both boxes.  Id like to center it directly under the box the video is in, on the right half of the page.

Share this post


Link to post
Share on other sites
Rob    547
Rob

Peggy, please forgive me. I've searched high and low and must be missing this Callout Button.  Where on PageLines.com did you find this?

 

Is it part of the Callout Section?


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
pazyluz+    1
pazyluz

Rob, I'm thinking about the regular old callout button that you can drag n drop, then activate.And I know I cant place that in a box. And I know I can set it to show up on the right or left hand side o the page but then the words separate form the button.  I want to see if I can center the whole gadget beneath a pl box.

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now


  • Similar Content

    • Samuel Costa - UDF
      By Samuel Costa - UDF+
      Hi.
      I need a shortcode activate a popup windows with contact form. It is possible without code?
      Link: https://www.udf.org.br/lancamentos/curso-mulher-que-prospera/
      Button: FAÇA SUA INSCRIÇÃO.
      Tks
    • Samuel Costa - UDF
      By Samuel Costa - UDF+
      Hi.
      i like to know if i can use signup button shortcode inside text editor or embed section.
      Tks.
    • DanatTLFN
      By DanatTLFN
      Site URL: thelocalfilmnetwork.com
      DMS Firmware: 2.2.1
      Wordpress: 4.5.1
      --------------------------------------
      Ticket Reference: 
       
      At the bottom of this post, there is a CSS only option that I have implemented into my site. It looks brilliant, and I am super grateful for that addition to the thread. The only issue I am having is that the code he provides does not include all of the styling options for the button itself.
      My question is, how might I go about editing the styling of the button i.e. shadows, every element of the coloring, and border colors?
      No big deal if it's not easy to fix. Happy to provide any further information if necessary.
      Kind regards,
      Dan
      P.S. I have opened up the button in Google Dev window with Inspect and start editing it there, but it looks like there are some areas of the code that are connected to an external source (most likely bootstrap) and therefore I can't seem to edit it as much as I would like.
    • novusweb
      By novusweb+
      We're seeing an abnormal break in widgets in Safari (El Capitan v10.11.4). 3 Widgets set for 4 of 12 columns each breaks correctly in Chrome and Firefox, but the 3rd widget goes to another line in Safari.
      Screenshot attached.
      Hoping there's a CSS fix you could recommend in the meantime, until an update. You can see this on our home page: www.novusweb.com.
    • ppotent
      By ppotent
      It seems that whenever media is set to be on the left, there is a problem with the way safari displays them. I used to have boxes with media on left when i was using DMS2, but since PL5, I've had to use only media on top. I know there are a few css suggestions that people have offered, but I'm wondering if such suggestions can't be built into the boxes code for PL5 rather than having to add extra CSS. Otherwise, am really liking PL5 over DMS2.

×