Need help with Tesseract theme custom CSS
-
Hello,
Newbie here.
I followed the instructions here to change the text in my footer.
Specifically this:
Just go to dashboard: appearance: editor
On the right side find: footer> footer php.
Open this code
Towards the end of the code find <div id=”designer”> and rename “Theme by” and link” tyler.com” to your link
It worked, but with one small issue; if I use more than four words the 5th word goes to another line (it looks bad and increases the footer height).
Any idea how I change this? The text doesn’t seem to be anywhere near the edge of the page so not sure why this is happening.
-
First, it’s considered bad practice to directly modify a theme’s files. If you ever have to update the theme, your changes will be lost. Best to create a child theme and make your changes to a copy of the footer.php file.
Can you post a link to your site? Hard to tell what might be wrong without actually seeing it. Maybe the container is too small.
I know I should create a child theme, but I couldn’t figure out how to do it (I’ve seen the link you shared). I figured this is a small change so I can get around to learning how to create a child theme later and update this change there as well.
I can’t share a link to the site (it’s on a local host or something like that), but will it help if I paste here the footer.php file text?
You can try pasting it to a pastebin and posting the link here. Can’t guarantee that I’ll be able to figure it out, because there might be some CSS that sets the width of the container.
I appreciate your help. I uploaded it here.
While we’re on the matter of child themes, any reason I shouldn’t use a plugin like Child Theme Configurator to create it for me?
I’ve never used a child theme plugin, so I can’t comment on how effective it is, but it should be OK.
While I see a designer ‘<div>`, I don’t see a “Theme by” in the code that was pasted.
Does the theme look like the theme’s home page, where you are trying to replace “Theme by Tyler Moore” on the right side of the footer? I tried adding to the contents of the containing table cell using a web debugger and I didn’t see any wrapping.
I see the guy just released an updated (or new) theme, but yes – that’s the text I’m trying to change.
I changed “theme by” to “All Rights Reserved” and added “Test Site” (with a link) instead of “Tyler Moor” (also with a link).
The main difference between my theme and the new one you’re seeing on tyler.com is that the text on my footer isn’t so far to the right.
The original code, before the changes I mentioned above, can be seen here.
The previous page was removed, the original code is here.
Can’t really tell much from the footer code, because I’m sure the widths are governed by CSS. I would say to use a web debugging tool like Firebug or Chrome Developer Tools to examine your page. The two elements you want to inspect are the horizontal-menu-wrap
<div>, which contains the horizontal menu, and the<div id="designer">element.In the theme on the developer’s home page, horizontal-menu-wrap has it’s width set to 60% with this CSS rule:
#horizontal-menu-wrap { width: 60%; }while the right-hand element (which is called footer-banner-right) is set to 40%:
#footer-banner-right { width: 40%; }The widths might be set different for your own version of the theme, so this is where using a web debugger comes in handy (and why it’s always better, if possible, to post a link to your site so it can be examined by others).
Im sorry if I’m posting this in the wrong place. . . I have the tesseract theme and many of the beaver builder content blocks have very limiting style changes you can make but there is an advanced page you can click on with a line for ID and a line for CSS but the instructions are very specific : only start with a letter and only letters and numbers underscores and dashes. . . but when I study how to put css into websites everyone uses all sorts of punctuation PLEASE HELP I have tried for over 4 days. . . for example if you just want one box to have a background colour what do you put in the ID line and what do you put in the CSS line. . . . thank you so much to anyone who can help!!!
Shelley, you should probably post your question on the Beaver Builder support forum, it sounds like a question for them. My guess is that usually when you enter CSS, you prepend a pound sign (#) before the ID, but maybe Beaver Builder eliminates this need.
Hello
I have another issue with a site I have put together http://www.caregiversadvantage.com , Using http://tesseracttheme.com/ After I put the site together for the most part. They inform me that some of the issue must be because I did not download after the fact of beaverbuilder.com as a plugin. Tesseract has not been alot of help. I am fearful that if I put in beaver builder as the plugin that all of the site will be lost. I need to clean up the home page by adding the title above the call to action buttons center right of women and also get those call to actions working properly
http://www.caregiversadvantage.com is the site. Here is my Dashboard http://gator4076.hostgator.com/~sanrgy1/caregiversadvantage.com/wp-admin/Any input is appreciated from your professional experience
I cannot Thank you enough
Regards
Mark
The topic ‘Need help with Tesseract theme custom CSS’ is closed to new replies.