Viewing 30 posts - 1 through 30 (of 38 total)
1 2
  • Author
    Posts
  • February 26, 2018 at 9:28 pm #918041
    kpeffer

    I’m trying to have a content heading on one page be black on one page with a white background, but white on another page that has a black background. Is there a way to customize this?

    February 26, 2018 at 9:48 pm #918048
    kpeffer

    On the Home page, at the bottom where the blog posts are, I’d like the heading to be white. On the other pages (blog page for example), I need the heading to be black.

    February 27, 2018 at 6:14 am #918189
    Victoria

    Hi kpeffer,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
.avia-content-slider-inner h3.slide-entry-title.entry-title {
  color: #ccc;
}
.read-more-link a {
  color: #8ac3c3;
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    February 28, 2018 at 12:10 am #918741
    kpeffer

    I apologize for my lack of tech skill, but once I put it into quick css, what do I need to do to see the changes. So far nothing is happening. I changed the two color codes (ccc and 8ac3c3) and still nothing. If I do the second recommendation, where will I enter it?

    February 28, 2018 at 12:12 am #918743
    kpeffer

    Nevermind! I got it.

    Thank you Victoria!

    February 28, 2018 at 4:45 pm #919159
    Nikko

    Hi,

    Glad that you figured it out. Let us know if you need further assistance. :)

    Best regards,
    Nikko

    March 1, 2018 at 1:12 am #919333
    kpeffer

    Can you possibly tell me how I can adjust the justification (left, center, right) of the footer columns as well as adjust the footer widget padding?

    Thank you.

    March 1, 2018 at 5:44 am #919373
    Nikko

    Hi,

    I have checked your site but I didn’t any footer widget, can you tell us what you are trying to achieve? maybe a mockup or screenshot of it, so we can picture it out and give you css code that should help.

    Best regards,
    Nikko

    March 1, 2018 at 11:20 pm #920005
    kpeffer

    I decided to put the info I want in the socket for now. I’d like to adjust the spacing and bold some of the content. Is there a way to do that?

    March 1, 2018 at 11:24 pm #920007
    Jordan Shannon

    Hi,

    This would need to be done by targeting the specific areas and styling via css.

    Best regards,
    Jordan Shannon

    March 1, 2018 at 11:45 pm #920021
    kpeffer

    Are there Quick CSS options for spacing out the wording, adding bold or increased font size, and making the email and phone number live links?

    March 2, 2018 at 12:13 am #920031
    Jordan Shannon

    Hi,

    Yes, but those are very general so we would need to know what specific sections. As for the live links, those are coded using href tags to link them properly.

    Best regards,
    Jordan Shannon

    March 2, 2018 at 12:59 am #920038
    kpeffer

    I’d like to have the email and phone number centered within the socket.

    March 2, 2018 at 8:12 am #920147
    Rikard

    Hi,

    Please try the following in Quick CSS under Enfold->General Styling:

    nav.sub_menu_socket {
    display: block !important;
    min-width: 100% !important;
}

#avia3-menu {
    display: table !important;
    margin: 0 auto !important;
}

    Best regards,
    Rikard

    March 2, 2018 at 6:55 pm #920481
    kpeffer

    That worked wonderfully to center the text, but now it looks like it is on a different line than the rest of the socket info. Can that be fixed?

    Also, do you have a quick css to bold the email and phone number?

    March 2, 2018 at 7:06 pm #920489
    Jordan Shannon

    Hi,

    Try adjusting the css to the following:

    #socket .sub_menu_socket{
float:none!important;
}

nav.sub_menu_socket{
margin-top:8px!important;
}

#avia3-menu.menu{
font-weight:bold!important;
}

    Best regards,
    Jordan Shannon

    March 2, 2018 at 7:08 pm #920492
    kpeffer

    That changed it to bold, but now it isn’t centered and is still on the wrong line.

    March 2, 2018 at 7:20 pm #920501
    Jordan Shannon

    Hi,

    can you provide a screenshot?

    Best regards,
    Jordan Shannon

    March 2, 2018 at 8:26 pm #920524
    kpeffer

    I attached the web address. I’m not seeing how to attach a photo.

    March 2, 2018 at 8:43 pm #920530
    Jordan Shannon

    Hi,

    You can use the following service to provide a screenshot:

    https://snag.gy/

    Best regards,
    Jordan Shannon

    March 2, 2018 at 10:13 pm #920564
    kpeffer

    https://snag.gy/yJhFkU.jpg

    March 3, 2018 at 2:46 am #920612
    kpeffer

    Any luck?

    March 5, 2018 at 9:29 am #921360
    Ismael

    Hi,

    Thank you for the info. Please try this css code.

    #socket .menu {
    margin-top: -1px;
}

    Best regards,
    Ismael

    March 5, 2018 at 7:43 pm #921729
    kpeffer

    Now they are all on the same line. Thank you! But they still aren’t centered.

    March 6, 2018 at 12:02 pm #922177
    Victoria

    Hi kpeffer,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
.avia3-menu {
  width: 30%; 
  margin: 0 auto;
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    March 6, 2018 at 7:16 pm #922469
    kpeffer

    That finally worked. Thank you!

    March 6, 2018 at 11:07 pm #922550
    Jordan Shannon

    Hi,

    I’m glad Victoria was able to give you a solution. Did you need additional help on this topic or shall I close this thread?

    Best regards,
    Jordan Shannon

    March 23, 2018 at 12:30 am #931715
    kpeffer

    I’ve noticed that the above fix is not working correctly on mobile. Can you take a look at it and see if there is a Quick CSS fix to get it to line up properly on mobile?

    March 23, 2018 at 9:29 am #931826
    Victoria

    Hi kpeffer,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
@media only screen and (max-width: 767px) {
  .avia3-menu {
      width: 100%;
  }
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    March 23, 2018 at 7:50 pm #932094
    kpeffer

    Thank you! If I want to remove the email and phone number from the socket, can you remind me how to do that? I am toying with having those items separate in a footer.

  • Author
    Posts
Viewing 30 posts - 1 through 30 (of 38 total)
1 2
  • The topic ‘Main Content Heading Color’ is closed to new replies.