Search Results for 'css'

TheMediumUTM thanks for message. There are another blue colors (with different color code) in css. I change all of them.

Well, the sidebar is easy to remove under “page template settings” on the editing screen.

As for the header and footer, there are a few ways you could do this. Here are two:

1. You could edit the respective template files in a child theme to check the page id and only include the relevant elements if it’s not your thank you page.

For example, once you set up and activate a child theme, you could edit the header file you’ve selected in your theme panel. Find this in your-child-theme/parts/header… .php, and add this line before the first div:

<?php if (!is_page('4994')) { ?>

and this at the very end:

<?php } ?>

Your landing page id is the number that comes up when you hover over the link to edit the page: http://www.screencast.com/t/ANsTxW7C

Then you would do the same to other files you want to remove (menu-top.php, footer.php), save, upload, and clear cache.

2. If you’re not comfortable with child themes or php, you could instead do it quickly through CSS:

.page-id-4994 .td-header-bg {
  display: none !important;
  }

And add any container classes that you want to hide, putting them where .td-header-bg is, e.g. .td-header-menu-wrap. You can find these using inspect element.

The CSS solution isn’t great because all the content will still be downloaded by the client’s browser, but it’s very easy.

3. Create a custom page template. WordPress checks for page templates in a hierarchy of importance, including the slug and the ID, so if you your page’s slug is /email-landing and you have a template named page-email-landing.php, or page-4994.php, and so on, WordPress will use that rather than the default one. Then you could edit that one to suit your needs. You could copy page.php from the parent theme’s folder as a starting point.

From what I’ve read, this is probably the most natural solution, but it would still need a child theme to survive theme updates, and to be honest I haven’t looked at enough custom template building yet to know what to advise you. For example, you can’t just remove the call to get_header() from page.php or you’ll lose a lot more than the logo div, etc.

Those are my two cents, coming from a relatively new learner of this sort of thing. If anyone has a better solution, feel free to mention it so I can learn too. 🙂

I just tried that, and interestingly, it works for me in a child theme’s style.css but not in the custom CSS panel. If you add !important to any line, like this:

body {
  font-size: 20px !important;
}

It should override what’s there. If not, it’s either conflicting with other !important tags or being overridden by more specific selectors. See if that works.

Note that you don’t have to specify lines that you aren’t overriding. E.g. I think the body font-family is PT Sans by default, so you don’t have to include that line.

Hello,
Why is the code below not working when I paste it into the first custom css section:
______________________________________________________________________________________
.td-page-title a,
.td-page-title span {
color: #353535;
text-decoration: none !important;
font-family: ‘Roboto Condensed’, sans-serif;
font-size: 45px;
line-height: 60px;
font-weight: bold;

body {
font-family: ‘PT Sans’, sans-serif;
font-size: 20px;
line-height: 30px;
color: #666666;
}
______________________________________________________________________________________
I’m trying to change the page title and the body text at the same time. Is this even possible?

Your help is highly appreciated.

Thank you in advance for your time and effort,
Mr. Arias

Try doing inspect element on something that shows as blue. Even if it disappears after that initial load, browsers typically show you all css rules applying to an element and cross out the ones that have been overridden, like you see here:

http://www.screencast.com/t/lrkllbUBQV

Once you find out what’s styling the element, you can replace that too.

Thank you Lucian. It somewhat helped me. I was able to get the desired outcome after experimenting with several css classes.

Hi again.

Is there another blue color code on css file? I see blue colors on different browsers, different pc’s.

You can see the default fonts in the style.css file which comes with all WordPress themes. I just posted the info in another post a little bit ago, also.

You can find them by looking at the style.css file which is what is used to define basic styles for websites, and themes. It’s the “style sheet” for the site (css = cascading style sheet).

eg.

.td-page-title a,
.td-page-title span {
  color: #444444;
  text-decoration: none !important;
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 30px;
  line-height: 37px;
  font-weight: normal;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
.entry-crumbs {
  position: absolute;
  top: -25px;
  left: 0px;
  font-family: 'Ubuntu', sans-serif;
  font-size: 12px;
  line-height: 14px;
  color: #d0d0d0;
  /* responsive phone */
}

You can find them by looking at the style.css file which is what is used to define basic styles for websites, and themes. It’s the “style sheet” for the site (css = cascading style sheet).

eg.

.td-page-title a,
.td-page-title span {
  color: #444444;
  text-decoration: none !important;
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 30px;
  line-height: 37px;
  font-weight: normal;
  -ms-word-wrap: break-word;
  word-wrap: break-word;

.entry-crumbs {
  position: absolute;
  top: -25px;
  left: 0px;
  font-family: 'Ubuntu', sans-serif;
  font-size: 12px;
  line-height: 14px;
  color: #d0d0d0;
  /* responsive phone */
}

Hello Lucian,
Can you please give me the name of the default font used in post content(I’m using the newspaper theme).

So that I can insert that into custom css under the theme panel:

body {
font-family: ‘???????, serif;
font-size: 16px;
line-height: 24px;

Thanks in advance,
Mr. Arias

I’ve came across a awesome plugin that a lot off people might find very usefull,the reason i’m sharing this plugin is because it have a lot of usefull features to better ur wordpress also the theme…

Plugin is called Custom Functions by Shamim Hasan

Features:

1. Change amount of posts on the home page.
2. Change amount of posts on the search page.
3. Change length of excerpt.
4. Automatically mark as spam all comments with an url longer than set chars.
5. Set the post revisions unless the constant was set in wp-config.php already.
6. Control When Your Posts are Available via RSS.
7. Automatically empty trash after set days.
8. Change Admin footer.
9. Add favicon to head.
10. Remove unnecessary links from wp_head.
11. Redirect to home page after login.
12. Hide admin bar from front end for non admin.
13. Disable back end access for non admin users.
14. Login with both Email/username.
15. Show only own uploaded media in library.
16. Restrict user to upload only jpg,jpeg,png,gif type of media.
17. Stop images getting wrapped up in p tags when they get dumped out with the_content() for easier theme styling,
18. Call the google CDN version of jQuery for the frontend.
19. Call Googles HTML5 Shim, but only for users on old versions of IE.
20. Change login screen error messages to “Think you have gone wrong somwhere!”.
21. Show post thumbnail in RSS Feeds.
22. Disable RSS Feeds.
23. Display the Most Accurate Comment Count.
24. Custom admin menu link for all settings.
25. Enable admin to set custom background images in ‘appearance > background’.
26. Remove pings to self.
27. Sharpening resized jpg images.
28. Enable Gzip.
29. Prevent user email change from profile.
30. Block comments with no-referrer.
31. Remove word “Private: ” infront of title of private post/page.
32. Disable the theme/plugin editor in Admin.
33. Disallow anything that creates, deletes, or updates core, plugin, or theme files.
34. No more jumping for read more link.
35. Enable custom Breadcrumbs.
36. Disable Search in WordPress.
37. Disable Admin nag.
38. Remove wordpress version number.

This plugin works so great you can find it via wordpress @ this url

http://wordpress.org/plugins/custom-functions/

That CSS didn’t seem to solve the problem btw. Still a white gap, title not showing up despite changing color.