Customization. A Few Items

  • wpcomsites · Member ·

    Hello, thank for the theme and for helping

    I am newbie here and I have done my best to find a lot of tips and css codes by reading all pages of the theme support. However, I still need a few changes to make…

    1)
    How to change the background color of main area, for posts and pages, and for widgets on the right and left? Not the background color of the site, but of the pages, posts, left and right widgets.

    2)
    I would like all kinds of links in the site, to have a customized HOVER color and NO underline on hover (except, not affecting, the main navigation on the top and its drop down items).

    3)
    As you can see, I have managed to make areas with rounded corners, but I cannot make rounded corners for pages, posts, blog page, and post previews. What should be the code to affect all of them?

    Sample Page
    https://ralfrussi.com/innovacion-transpersonal/

    Sample Post
    https://ralfrussi.com/2020/06/05/post-2/

    Sample Post Previews
    https://ralfrussi.com/category/innovar/

    Sample Blog Page
    https://ralfrussi.com/blog/

    4)
    For Title Fonts… How to decide Font Type (such as Monserrat), Font Style (such is Monserrat Medium), Font Color and also change the default all upper case to look upper and lower cases, same as we normally write text?

    Thanks so much!
    RR

    The blog I need help with is: (visible only to logged in users)

  • emilysuesrq · Theme Author ·

    Hello,

    1. To change background color of posts/pages, you could try the following CSS:

    .article {
  background: #fff;
}

    For sidebars, use:

    .widget {
  background: #fff;
}

    2. Use this:

    a:hover {
    color: #fff;
}
    a, a:link {
  text-decoration: none !important;
}

    3. Take the CSS you used for the sidebar widgets, by use the CSS element “.article” to apply it to posts and pages

    4. For page titles, you can edit the font by using:

    .headline {
  font-family: 'Monserrat'
}

    For color:

    .headline {
  color: #fff;
}

    To turn off All Caps in titles:

    .headline {
    text-transform: none !important;
}

    I hope these help!

    Emily

  • wpcomsites · Member ·

    Thank you os much!
    Everything is perfect… just this one is not working, point 3 above…

    Im using the following code….

    .article,
    #comments {
    border-radius: 7px;
    }

    Tks!

  • emilysuesrq · Theme Author ·

    Hello,

    I see that your site is no longer using the Adventure Theme – did you switch to a different theme, or do you still need help with this?

    Thanks,

    Emily

  • The topic ‘Customization. A Few Items’ is closed to new replies.