Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • June 12, 2021 at 2:43 pm #1305403
    wealthyone

    I would like to place a thin 12mm gold line across the bottom or top of each element ( like when I use two color sections.
    If I use an image it creates a gap above and below ( in my supplied image it is white) See image 2
    If I put it at the bottom of the color section, it also leaves a gap

    Is there a way to do this like image 1

    thanks

    Image 1
    https://pasteboard.co/K6gud26.png
    Image 2
    https://pasteboard.co/K6gtMEU.png

    June 13, 2021 at 3:15 pm #1305457
    wealthyone

    Image 1
    https://pasteboard.co/K6q7qt1.png

    image 2
    https://pasteboard.co/K6q7Qf5.png

    June 14, 2021 at 8:11 am #1305544
    Rikard

    Hi,

    Thanks for the screenshots. Do you want to add that line to all Color Section elements? Please post a link to your actual site, so that we can have a closer look at it.

    Best regards,
    Rikard

    June 14, 2021 at 1:31 pm #1305599
    wealthyone

    Not ALL color sections throughout the hold site. but most.
    I have added some enfold code for you to look at
    My site is currently on a Desktop Dev system

    here are also 2 images that I have added
    First is a Special heading
    then Image 1
    then a specials heading
    then image 2

    Currently I have added the gold strips to the top and bottom of the 2 images, but would like NOT to do that as if the image is not fully shown, the gold strips will hide outside of the image space allocated

    So is there a way to have just the gold strip added but with no gaps etc like in the first reply above
    image1
    https://pasteboard.co/K6yRJuY.png

    image 2
    https://pasteboard.co/K6yS7jR.png

    I hope this helps

    June 15, 2021 at 3:46 pm #1305832
    Yigit

    Hi,

    You can edit your Image element and give it a custom CSS class (“img-border” in example below) in Advanced > Developer Settings tab and edit your Color Section element and give it a custom ID (“cs-border” in example below) and then add following code to bottom of Quick CSS field

    #top .avia-image-container.img-border img, 
#top #wrap_all #main #cs-border {
    border-top: 5px solid gold;
}

    This is how it would look – https://imgur.com/a/OrAEy03. You could them simply give “img-border” class to every images and “cs-border” to every color section that you would like to display border :)

    Best regards,
    Yigit

    June 16, 2021 at 9:39 am #1305952
    wealthyone

    Hi Yigit

    I am getting this error

    Your PHP code changes were rolled back due to an error on line 3 of file C:\Users\Name\Sites\website.dev.cc\wp-content\themes\enfold-child\functions.php. Please fix and try saving again.

    syntax error, unexpected ‘:’

    And will this add the border to the TOP and Bottom of each color section?

    June 16, 2021 at 12:20 pm #1305973
    Yigit

    Hi,

    It seems like you are adding the code to Functions.php file of your child theme. Please remove it from there and insert it in /themes/enfold-child/style.css file instead. It is on the same folder :)

    Best regards,
    Yigit

    June 16, 2021 at 2:08 pm #1306009
    wealthyone

    OH silly me hahaha
    Ok great that works

    So to add that line to the bottom also what code would I use??

    • This reply was modified 3 years, 5 months ago by wealthyone.
    June 16, 2021 at 2:13 pm #1306012
    Yigit

    Hi,

    You are welcome!

    We will keep the thread open and wait to hear from you :)

    Best regards,
    Yigit

    June 16, 2021 at 2:14 pm #1306014
    wealthyone

    opps we posted at the same time.

    Ok great that works

    So to add that line to the bottom also what code would I use??

    June 16, 2021 at 2:18 pm #1306016
    Yigit

    Hi,

    You can simply edit the code and change it to following

    #top .avia-image-container.img-border img, 
#top #wrap_all #main #cs-border {
    border-top: 5px solid gold;
    border-bottom: 5px solid gold;
}

    Best regards,
    Yigit

    June 16, 2021 at 2:21 pm #1306020
    wealthyone

    Brilliant. Your amazing thanks

    I was trying to change
    #top .
    to
    #botton..

    But got it now.

    Thankyou
    **********

    June 16, 2021 at 2:26 pm #1306024
    Yigit

    Hi,

    #top is the ID of body tag used as selector – https://imgur.com/a/pAHWtJ2 :)

    You are welcome! :)

    For your information, you can take a look at Enfold documentation here – https://kriesi.at/documentation/enfold/

    If you have any other questions or issues, feel free to start a new thread under Enfold sub forum and we will gladly try to help you :)

    Enjoy the rest of your day!

    Best regards,
    Yigit

  • Author
    Posts
Viewing 13 posts - 1 through 13 (of 13 total)
  • The topic ‘Place thing line across page’ is closed to new replies.