Jump to content
petere21

Popthums margin between images

Recommended Posts

petere21

How to control spaces between images ?

I can control section  padding from left and right side but not between  images.

Could someone help me?

Share this post


Link to post
Share on other sites
edgarcheverier

Can you put the URL  of your website, so I can see if you can do it with a bit of CSS?

Share this post


Link to post
Share on other sites
edgarcheverier

Try with this code :) :

.metamedia.has-media {
margin-top: -40px;
margin-left: -220px;
}

Share this post


Link to post
Share on other sites
petere21

doesnt work :-( it change feature image but not Popthums section 

Share this post


Link to post
Share on other sites
edgarcheverier

Sorry, try with this one please: 

.fix.pl-col-sm-4 {
margin-right: -28px;
}

.popthumbs-wrap.pl-row.pl-trigger.plforeach.none {
margin-right: -95px;
}

 

Should look like this: https://cl.ly/3G1M2C0n2r1W

Share this post


Link to post
Share on other sites
petere21

Sure looks much better almost perfect

but if I use responsive mobile des (1 pc) we loose right margo now :-)

try to see it on mobile

thnx

Share this post


Link to post
Share on other sites
edgarcheverier

You can play with the media screen :)

@media screen and (max-width: 600px) {
.popthumbs-wrap.pl-row.pl-trigger.plforeach.none {
margin-left: -40px;
}
}
 

Should look like this: https://cl.ly/21142H2Z1S3R

Share this post


Link to post
Share on other sites
edgarcheverier

then you need to change the margin :

.popthumbs-wrap.pl-row.pl-trigger.plforeach.none {
margin-right: -20px;
}

Share this post


Link to post
Share on other sites
petere21

https://www.restartnisa.sk/marhat-povazsky-inovec-odporucane-turisticke-trasy-cyklotrasy/

now is problem with right margin at 3 pictures, terrible :-)

I am afraid it need system support from developer side but after reading  some ather topics in forum it is better forget it .-(

Anyway thank you for support I have solved the problem by gallery with my own code like here this was what i needed

https://www.restartnisa.sk/7-kopcov-3-jazera-zoznam-cielov-a-tras/

 

it is easier than costumizing Pagelines Popthumbs :-)

 

Share this post


Link to post
Share on other sites
edgarcheverier

Hi !

I'm glad you solved the problem, sometimes it's difficult customize a photo if all the photos are using the same content, looks really nice now :) !

Share this post


Link to post
Share on other sites
petere21

Hi edgarcheverier 

could  i ask you one more for me important question? I am pro for a years i was still loyal but

forum offer almost no support and i havent seen any new extensions or upgrade for several  months

does pagelines have any future? Or better to start find something else or alternative?

i am afraid that the only what works is accounting of licenses :-(

thx for answer

 

Share this post


Link to post
Share on other sites
edgarcheverier

Hi Petere,

I understand your cuestion, the developers of PL5 are working in a new project now that's why there are not new updates,

the new project is taking longer than expected, but after they finish with that, they will continue with PL5 updating and creating new plugins.

Thank you!

Share this post


Link to post
Share on other sites
Aires

This bit of code fill fix your issue with pop thumbs 

.pl-sn-popthumbs .fix{
padding-right: 10px;
	padding-left: 10px;
}

 

  • Thanks 1

ndTgvai.jpg

Visit iheartpagelines.com for the latest tutorials on PageLines related products.

 

Share this post


Link to post
Share on other sites
petere21

Thank you aires perfectly done good job

this was expected - how good support could work :-)

 

  • Like 1

Share this post


Link to post
Share on other sites
Aires

Glad I could help.


ndTgvai.jpg

Visit iheartpagelines.com for the latest tutorials on PageLines related products.

 

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

    • jeomiland
      By jeomiland+
      Greetings
      Have a site I'm updating from DMS2 to PL5.  cassclayton.com becoming cassclayton.com/upgrde
      Although Popthumbs says it is supposed to open specified links in a new window, it does infact open in same window. Client wants the radio station icons at bottom of https://cassclayton.com/upgrade to open a new tab/window and not just leave her site. How do I get Popthumbs to behave correctly?
      "PRO" is checked and account is linked to my Pagelines account.
      Is there  conflict that the old site https://cassclayton.com/ in DMS2  and  https://cassclayton.com/upgrade using PL5 are both linked to my PL account even though  and https://cassclayton.com/upgrade is PL5? and other DMS2? Is this causing conflicts? So close to launching this puppy and deleting the https://cassclayton.com/ DMS version... Any help would be appreciated.

    • petere21
      By petere21+
      After activate new web site
      I had several licences for use but system show me that I have no licence 
    • petere21
      By petere21+
      When i see wp content,i have no margin from left and right side means bordee on tablet view
      mobile margin around wpcontent is fine dtp also ok it looks like spread enough  on tablet - ipad - there is no margin and text from left side and widgets from tight side content sticking border of monitor how could i fix margin for example 5px for tablet view? But without changing the mobile margin 
      Sample https://www.restartnisa.sk/poloniny-po-zemplinsky/
      thanks 
      petere
    • petere21
      By petere21+
      Does pagelines support AMP technology for mobiles?
       
    • Susan
      By Susan+
      I updated everything and changed the PopThumbs from one row of four columns to two rows of three columns. After that, PopThumbs stopped popping on load of the site. Please advise as to how to correct this. http://katzing.com/ Many thanks.
×