Viewing 19 posts - 1 through 19 (of 19 total)
  • Author
    Posts
  • April 9, 2015 at 1:12 am #425658
    dominiquehurley

    I think it’s called padding. Is there anywhere I can change how close the text goes around a photo? They’re too crowded right now. I have the photo right aligned inside the text box. I don’t know CCS. I tried using colums, but then the left box with my bio was too long and thin and the photo had too much empty space under. Thanks

    April 9, 2015 at 9:18 am #425770
    Ismael

    Hi dominiquehurley!

    Thank you for using Enfold.

    Please post the page url here. We would like to check it. Try this in the Quick CSS field:

    body .alignright, .entry-content-wrapper a:hover .alignright {
  float: left;
  margin: 5px 0 0 15px;
  display: block;
  position: relative;
}

    Regards,
    Ismael

    April 9, 2015 at 12:48 pm #425874
    dominiquehurley

    Hi Ismael,
    Take a look at the About Me section of http://50.87.248.159/~dominjd2/ (this is my test environment). If it shows up at your Enfold site, you need to choose Homev7 . I’ll be changing that today – I see I also got messages on how to change my menu.

    April 9, 2015 at 12:51 pm #425876
    dominiquehurley

    Oh, I forgot to add. I’m a techy newbie, so no CSS field. Also, I’m not using a child theme (was too complicated), so if I play in CSS it will change with updates. I need detailed instructions on where to find things please when you respond. Much appreciated.

    April 9, 2015 at 1:27 pm #425888
    Yigit

    Hey!

    Please go to Enfodl theme options > General Styling tab and scroll to the bottom and you will see Quick CSS field. You can copy & paste the code Ismael posted there. As long as you do not change theme name, theme options will not change when you update the theme.

    Regards,
    Yigit

    April 9, 2015 at 2:05 pm #425921
    dominiquehurley

    Scary and exciting – my first CSS. Thanks. It worked, but still a bit crowded. I’d like the standard to be the same as on my old WP.com site – see http://dominiquehurleyart.wordpress.com/ That’s a comfortable padding on the sides. Thanks.

    April 9, 2015 at 2:21 pm #425943
    Yigit

    Hey!

    Please change the code Ismael posted to following one

    body .alignright, .entry-content-wrapper a:hover .alignright {
  float: left;
  margin: 5px 0 0 20px;
  display: block;
  position: relative;
}

    Regards,
    Yigit

    April 9, 2015 at 2:25 pm #425949
    dominiquehurley

    Beautiful. Thanks. If I understand General Stylings, this will be for all the photos everywhere on the site, including in my blog?

    April 9, 2015 at 2:28 pm #425953
    Yigit

    Hey!

    This will be for all of your photos which are right aligned. If you need to apply similar changes to your other elements, please post the link to your page and point them out and we will provide you custom CSS code for those as well

    Best regards,
    Yigit

    April 9, 2015 at 2:35 pm #425960
    dominiquehurley

    I will also need this for all photos left aligned (same padding around the right). For example, the photo in the paragraph Personal Symbolism at http://50.87.248.159/~dominjd2/2015/02/15/new-painting-the-holy-instant/

    April 9, 2015 at 2:45 pm #425963
    Yigit

    Hi!

    Please add following code to Quick CSS as well

    body .alignleft, .entry-content-wrapper a:hover .alignleft {
  margin: 5px 10px 0 0px!important; 
}

    Cheers!
    Yigit

    April 9, 2015 at 2:54 pm #425965
    dominiquehurley

    If I go into General Stylings, CSS, the other code I pasted for the Right Aligned is still sitting in there. Do I just paste it after? Do I need to press return after the } so that this code starts on a new line?

    April 9, 2015 at 2:59 pm #425967
    Yigit

    Hi!

    Yes, exactly. So both codes should be like following 

    body .alignright, .entry-content-wrapper a:hover .alignright {
  float: left;
  margin: 5px 0 0 20px;
  display: block;
  position: relative;
}
body .alignleft, .entry-content-wrapper a:hover .alignleft {
  margin: 5px 10px 0 0px!important; 
}

    Best regards,
    Yigit

    April 9, 2015 at 3:12 pm #425977
    dominiquehurley

    OK – so if this happens again, do a hard return after the code. I haven’t done it yet, but looking at the numbers, the first has 5 and 20 and the second has 5 and 10. Won’t these look different? I’d like the larger padding standardized. Thanks – I won’t change anything yet.

    April 9, 2015 at 3:16 pm #425981
    Yigit

    Hey!

    These are margin values from left to right as “margin-top, margin-right, margin-bottom, margin-left”. You can adjust them as needed. And yes, it will look clearer if you do a return after closing one CSS code to start a new one. Using this codes, values will be standardised for those elements.

    Cheers!
    Yigit

    April 9, 2015 at 3:29 pm #425989
    dominiquehurley

    Alas it didn’t work. see the first big photo in
    http://50.87.248.159/~dominjd2/2015/04/09/new-painting-ive-got-your-back/
    It’s left aligned and I put in the code below (changed the second one to 20 also) & pressed save, but when I refreshed the page, it didn’t show any difference. There’s no “float:” in the second code or “display:block: position: relative;” does that matter?

    body .alignright, .entry-content-wrapper a:hover .alignright {
    float: left;
    margin: 5px 0 0 20px;
    display: block;
    position: relative;
    }
    body .alignleft, .entry-content-wrapper a:hover .alignleft {
    margin: 5px 20px 0 0px!important;
    }
    (Also, the gallery of “Large” photos I put under are still showing up tiny … I think someone is working on that – another message – at least I hope so – all my galleries are not working)

    April 10, 2015 at 2:22 pm #426597
    dominiquehurley
    This reply has been marked as private.
    April 13, 2015 at 3:27 pm #427522
    Yigit

    Hey!

    Please check margin values. There are two 20’s without px. Please change your code to following one

    body .alignright, .entry-content-wrapper a:hover .alignright {
float: left;
margin: 5px 0 20px 20px;
display: block;
position: relative;
}
body .alignleft, .entry-content-wrapper a:hover .alignleft {
margin: 5px 20px 20px 0px!important;
}

    Regards,
    Yigit

    April 13, 2015 at 5:45 pm #427647
    dominiquehurley

    Perfect. I had replaced your 0 with 20, but hadn’t realized that if there is a number other than 0, you also need px. It fixed it. Thanks. Resolved.

  • Author
    Posts
Viewing 19 posts - 1 through 19 (of 19 total)
  • The topic ‘Text & photo in text box are too close – any way to add space?’ is closed to new replies.