how to fix the CSS problems

  • Resolved alennx

    (@alennx)


    5 years, 7 months ago

    I have inherited admin of a website that was built using WordPress. I don’t know where it is hosted and I don’t know how to fix the CSS problems … I’m new to WordPress although I do have an IT background … I am able to Post to the website but I don’t know how to do anything else … Please Help 🙂

    Update: WordPress.com confirmed that it is NOT hosted there, provided this data:
    ***
    Domain Name: ARGUSFIRST.COM
    Registrar: GoDaddy.com, LLC
    Name Server: NS35.DOMAINCONTROL.COM
    Name Server: NS36.DOMAINCONTROL.COM
    That site isn’t hosted here at WordPress.com. It appears that you’ll need to register an account at the WordPress.org support forum as there are many differences between how the two WordPresses function. Good luck.
    ***

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

Viewing 12 replies - 1 through 12 (of 12 total)
  • Moderator t-p

    (@t-p)

    5 years, 7 months ago

    It’s hosted by:
    https://godaddy.com

    Moderator Steven Stern (sterndata)

    (@sterndata)

    Volunteer Forum Moderator

    5 years, 7 months ago

    Let’s start with just ONE problem you need to fix — the most urgent one.

    To add or override CSS: use the “Additional CSS” option in the customizer. https://codex.wordpress.org/CSS#Custom_CSS_in_WordPress

    Learn to use the Chrome Developer Tools to help you see and test changes to your CSS.

    Thread Starter alennx

    (@alennx)

    5 years, 7 months ago

    @t-p

    Confirmed … I can get into cPanel in GoDaddy for this site …

    Next step … How do I make small changes to the Theme? Note: I have Adobe DreamWeaver …

    • This reply was modified 5 years, 7 months ago by alennx. Reason: changed focus
    Moderator Steven Stern (sterndata)

    (@sterndata)

    Volunteer Forum Moderator

    5 years, 7 months ago

    What changes do you want to make to the theme? Do you know PHP?

    Please explain what you are trying to accomplish.

    BEFORE GOING ANY FURTHER, MAKE A COMPLETE BACKUP OF YOUR SITE’S FILES AND DATABASE.

    Thread Starter alennx

    (@alennx)

    5 years, 7 months ago

    I do not know PHP

    I’m trying to fix some visual problems and errors …

    How do I make a backup?

    Thank you for helping me!

    • This reply was modified 5 years, 7 months ago by alennx. Reason: changed focus
    Moderator Steven Stern (sterndata)

    (@sterndata)

    Volunteer Forum Moderator

    5 years, 7 months ago

    Please explain what you’re trying to do. We have no if VC would be useful in what you want to do.

    If you don’t know where you’re going, any road will take you there.

    Thread Starter alennx

    (@alennx)

    5 years, 7 months ago

    Ok, on the Home Page there are some News items at the bottom derived from Posts, the text in the red spot needs to be changed so it only shows the date … also the Posts need to appear with the most recent first, pushing the older Posts down …

    Joy

    (@joyously)

    5 years, 7 months ago

    You can make a backup using your host control panel, or look in your Plugins page and see if you have a plugin for backups. If not, you can click on Add New, and search for a plugin for backups (install, activate, make a backup).

    The changes you need might not be in the theme. You will need to determine what is outputting the News items. It could be a widget (check under Appearance > Widgets), and it could be a plugin, or it could be an option in your theme. There might be an option for sort order, somewhere.

    Joshua Goode

    (@verygoode)

    5 years, 7 months ago

    Ok, on the Home Page there are some News items at the bottom derived from Posts

    It appears this section of your site may be using the Category Posts Widget, https://wordpress.org/plugins/category-posts/.

    You may be able to adjust the settings for this to reverse the order and hide the title by navigating to Appearance > Customize > Widgets.

    If you need support for that specific widget, it has its own support forums over at https://wordpress.org/support/plugin/category-posts and documentation is available over at http://tiptoppress.com/category-posts-widget/documentation-4-8/.

    If you are unable to hide the title, you can use your browser’s inspector to identify the title section of each post, craft custom CSS to hide it, and insert it via Appearance > Customize > Additional CSS. I would ensure that there isn’t a way to hide it via your settings first.

    Support is not typically offered for custom third-party themes not hosted on the WordPress.org theme repository and folks are often directed to the theme designer/developer. It looks like this is a custom theme and now you’re the owner of managing the theme :D.

    To help you get started, here’s some CSS that you can use to hide the title IF you cannot hide it via the widget’s settings. You can insert it via Appearance > Customize > Additional CSS.

    
/* Hide Category Post Widget Post Titles - Restricted to Latest News Section */
.latestnews-section span.cat-post-title {
    display: none;
}
    Moderator Steven Stern (sterndata)

    (@sterndata)

    Volunteer Forum Moderator

    5 years, 7 months ago

    The news items look like they’re the X most recent posts in the category “news” (I guess) and the text is the title of each. Look on the dashboard under POSTS->ALL POSTS.

    This will hide the title and show only the date.

    span.cat-post-title {
    display: none;
}
span.cat-post-date {
    margin-top: 8%;
    font-size: 95% !important;
}

    To add or override CSS: use the “Additional CSS” option in the customizer. https://codex.wordpress.org/CSS#Custom_CSS_in_WordPress

    Learn to use the Chrome Developer Tools to help you see and test changes to your CSS.

    Thread Starter alennx

    (@alennx)

    5 years, 7 months ago

    Wow, thank you guys! I’ll report back how it goes 🙂

    Thread Starter alennx

    (@alennx)

    5 years, 7 months ago

    @joyously … I have UpdraftPlus installed and backing up …

    @verygoode … “You may be able to adjust the settings for this to reverse the order and hide the title by navigating to Appearance > Customize > Widgets.” … is exactly right, I was able to make some changes to fix it …

    @sterndata … I will definitely learn Chrome DevTools

    Thank you All … I’m sure I’ll be back with new things real soon 🙂

Viewing 12 replies - 1 through 12 (of 12 total)
  • The topic ‘how to fix the CSS problems’ is closed to new replies.