Tagged: 

Viewing 19 posts - 1 through 19 (of 19 total)
  • Author
    Posts
  • June 6, 2021 at 9:11 pm #1304293
    belleameink604

    Hi,
    I don’t know much about coding so apologies ahead of time. I would like to add something in the form of highlighted text only to the text above the picture located in the footer of my website. Image in the footer is gray wash filtered and text is white, would like to use colour #734854 behind the text to match the website theme and make the contact info and address readable.

    Thank you,
    Natalie

    June 7, 2021 at 2:33 pm #1304423
    Yigit

    Hey Natalie,

    Thanks for contacting us!

    Please add following code to Quick CSS field in Enfold theme options > General Styling tab

    
#footer-page .avia_textblock, #footer-page h2 {
    text-shadow: 3px 3px #734854;
}

    Best regards,
    Yigit

    June 7, 2021 at 10:17 pm #1304487
    belleameink604

    Hi Yigit,
    this did not work.

    June 8, 2021 at 1:37 pm #1304633
    Yigit

    Hi,

    It should have looked like the screenshot I attached in private content field below.

    Could you please create temporary admin logins and post them here privately so we can look into it? :)

    Best regards,
    Yigit

    January 24, 2022 at 5:29 am #1336827
    belleameink604

    hi sorry
    got busy with work and forgot abut this until now, my apologies.

    i would still like to add a css code for a black background to the white text that is over the black and white picture in the footer of my website to make the text visible over the picture if that’s possible.

    View post on imgur.com

    thank you,
    Natalie

    January 24, 2022 at 5:47 am #1336839
    Nikko

    Hi Natalie,

    Yigit’s code should work however your caching plugin seems to be preventing the new code from being fetch thus it appears that the code is not working, please clear the cache from the caching plugin and see if it helps.

    Best regards,
    Nikko

    January 24, 2022 at 6:22 am #1336844
    belleameink604

    Hi Nikko,

    i’ve cleared the cache several times and nothing has changed.

    January 25, 2022 at 12:54 pm #1337054
    Ismael

    Hi,

    Did you add this ID to the heading element?

    Black-background-color-and-white-text-color

    Please edit the column where the heading element is located and apply the custom ID or class name to it instead. Apply av-custom-column as the custom css class name for example, then add this css code.

    .av-custom-column h2, .av-custom-column p {
    text-shadow: 3px 3px #734854 !important;
}

    Best regards,
    Ismael

    January 29, 2022 at 4:33 am #1337821
    belleameink604

    Hi Ismael

    this did work but not quite what im looking for.

    is it possible for a background text like this picture example from google

    View post on imgur.com

    January 29, 2022 at 10:54 pm #1337865
    Mike

    Hi,
    Please try this css instead:

    #Black-background-color-and-white-text-color > div p,
#Black-background-color-and-white-text-color .av-special-heading-tag {
	 background-color: rgba(0, 0, 0, 0.5);
	 width: 50%;
     margin: 18px auto;
}

    expected results:
    2022-01-29_012.jpg

    Best regards,
    Mike

    January 31, 2022 at 6:45 pm #1338074
    belleameink604

    Hi Mike,
    Thank you this worked!

    Thank you to everyone else for helping me with this code, very appreciated!

    January 31, 2022 at 9:39 pm #1338091
    belleameink604

    Hi

    Would it be possible to get help with one more small edit?
    I would like to move the hamburger menu content upwards.

    Screenshot (2)

    February 1, 2022 at 2:11 am #1338102
    Mike

    Hi,
    Glad this helped, for the burger menu try this css:

    #top #header #av-burger-menu-ul {
    vertical-align: top!important;
    padding: 0!important;
}

    Best regards,
    Mike

    February 1, 2022 at 2:29 am #1338103
    belleameink604

    Hi Mike,
    Unfortunately this one didn’t work for the hamburger menu.

    February 1, 2022 at 3:50 am #1338105
    Mike

    Hi,
    I see you are using a caching plugin, please try disabling it and adding the css to the WordPress ▸ Customize ▸ Additional CSS field.
    Also try disabling the Enfold Theme Options ▸ Performance ▸ JS & CSS file merging and compression options and at the bottom of the same option page enable the Enfold Theme Options ▸ Performance ▸ Delete old CSS and JS files option.
    I’m pretty sure this should work because I tested by injecting it into the browser, please see the screenshot in the Private Content area.
    If this doesn’t help please include an admin login in the Private Content area so we can be of more assistance.

    Best regards,
    Mike

    February 1, 2022 at 5:25 am #1338128
    belleameink604

    Hi Mike

    Thank you ,
    disabling the cache seemed to have worked but I find the menu content to be bit high now can we lower it by a cm?

    February 1, 2022 at 5:47 am #1338136
    Mike

    Hi,
    Glad to hear, you can adjust the padding to suit, the original padding was padding: 125px 0; so try padding: 55px 0;
    the first number is for top & bottom and the second number is left & right, so that is why it is zero.

    Best regards,
    Mike

    February 1, 2022 at 6:11 am #1338148
    belleameink604

    Hi Mike,

    This is perfect!!

    Thank you for all the help!

    February 1, 2022 at 6:24 am #1338152
    Mike

    Hi,
    Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

    Best regards,
    Mike

  • Author
    Posts
Viewing 19 posts - 1 through 19 (of 19 total)
  • The topic ‘add highlight or background behind the text of the footer image for visibility’ is closed to new replies.