Customizing page display

Douglas Loss
(@drloss)

8 years, 1 month ago

We recently switched our WP site to i-amaze as a theme, because our previous custom theme (which had been extensively modified by previous maintainers) was no longer supportable. I’ve done some initial configuration of the theme in an attempt to approximate the appearance from the previous theme, so as not to jar returning visitors too much. However, I haven’t found any obvious settings to change the background color, text color, link color, etc. on the various pages on the site. You can see an example of the previous look-n-feel here:

https://transfer.tviw.us

We don’t need someone to fix everything for us (I hope!)–we just need to be pointed to the right places to make these configuration changes, which we can then experiment with and come up with a similar look-n-feel.

Thanks for any help y’all can give!

The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)

Theme Author marsian
(@marsian)

8 years, 1 month ago
i-amaze is an extremely flexible theme. there is a options for background color but you will have to change the content area color as well. use following lines in customizer section “additional CSS”
```
#page, #main {
    background-color: #3c225e;
}
.footer-bg, #secondary {
    background-color: #301b4b;
}
```
if you are using plugin “TemplatesNext OnePager”, you can change the text and background colors from customizer sections.

i-amaze supports plugins like “SiteOrigin PageBuilder” and “Elementor”, where you can do all your customization.

for page builder help
Thread Starter Douglas Loss
(@drloss)

8 years, 1 month ago

Thanks, that worked (of course). I also changed the text color with this addition:

#page, #main {
background-color: #3c225e;
color: #FFFFFF;
}
.footer-bg, #secondary {
background-color: #301b4b;
}

I’d like to change the various link option colors, with additional CSS similar to this:

a {
color: #FF9900;
text-decoration: none;
}
a:visited {
color: #FF9900;
}
a:hover {
color: #CC6600;
}

but I’m not sure how to add that. I put it within the braces for #page, #main but it isn’t functional. I’m assuming these values are inherited from a higher level and aren’t being read here. I tried modifying the values in style.css, but that didn’t seem to affect anything. I did manage to get the values to change on one page at a time by inspecting the page elements and modifying them directly, but that’s clearly not a solution. More help would certainly be appreciated!

Thread Starter Douglas Loss
(@drloss)

8 years, 1 month ago

Further information. This additional CSS code almost gets what I’m looking for:

#page, #main {
background-color: #3c225e;
color: #FFFFFF;
}
.footer-bg, #secondary {
background-color: #301b4b;
}
a {
color: #FF9900;
text-decoration: none;
}
a:link {
color: #FF9900;
}
a:visited {
color: #FF9900;
}
a:hover {
color: #CC6600;
}

Links on our main page that are local to our WP installation are colored as expected, but external links aren’t (with one exception, which is very puzzling).

All links on our Updates post pages look correct except for the most recent post yesterday, where the external links are still not correct.

I’ve backed the changes out, so you can’t see them active at the moment, unfortunately. Any suggestions?

Thread Starter Douglas Loss
(@drloss)

8 years, 1 month ago

The changes, and their effects, can now be seen on this development site:

https://www.transfer.tviw.us/

Thread Starter Douglas Loss
(@drloss)

8 years, 1 month ago

A little thought and experimentation found that going to Appearance > Customize > Colors and changing the Primary Color to the orange (#FF9900) we wanted for the links gave us the link colors we desired on all pages. However, this also converted the top bar (with the basic settings and the social media links) and the page title bar to orange also. (This can be seen on our development/test site, https://www.transfer.tviw.us.) Is there a way to divorce the link color on the pages from the theme’s primary color?

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘Customizing page display’ is closed to new replies.

Tags