Support » Theme: OceanWP » OceanWP blog background color

  • Hello, tell me how you can set the background color of blog entries in the theme OceanWP !? Just for widgets, I found and put the background color https://yadi.sk/i/7BuPs_xsjY_jbw, but I can’t find it for the blog, tell me how to implement it!? I tried to go to the address “Settings ▸ Blog ▸ Blog entries” but there is nothing on the choice of color!?

    • This topic was modified 1 year, 1 month ago by slypro.

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

Viewing 15 replies - 1 through 15 (of 103 total)
  • Hello,

    Try adding the below code to the Customize > Custom CSS section and check it works or not –

    .blog-entry.large-entry {
        background-color: #fff;
        padding-left: 10px;
        padding-right: 10px;
    }

    I inserted it in the section Customize> Custom CSS, it works the first stage https://newsitetest.ru/. But when you open the recording itself, it is not displayed https://newsitetest.ru/2019/04/04/%D0%B7%D0%B2%D1%83%D0%BA/!

    And, as I noticed on the pages, the background is also not displayed: https://newsitetest.ru/%D0%BC%D0%BE%D0%B8-%D0%BF%D1%80%D0%BE%D0%B5%D0%BA%D1%82%D1%8B/!

    Okay, try to use the below code instead of the previous one –

    #main #content-wrap {
        background-color: #fff;
        padding-left: 10px;
        padding-right: 10px;
        margin-top: 25px;
        margin-bottom: 25px;
    }

    Added to Customize> Custom CSS you can see all the entries with text and widgets merged together https://newsitetest.ru/category/%D0%BC%D0%BE%D0%B8-%D0%B7%D0%B2%D1%83%D0%BA%D0%BE%D0%B7%D0%B0%D0%BF%D0%B8%D1%81%D0%B8/. And the division between them can not be done!?

    If you change to

    #primary #content {
    background-color: #fff;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 25px;
    }

    then there will be a division with widgets, but there will be no intermediate division of entries!

    It seems that the background is displayed everywhere if we add the following code:

    
    .blog-entry.large-entry {
        background-color: #fff;
        padding-left: 10px;
        padding-right: 10px;
    }
    
    /*Split blog entries when displaying background*/
    #primary #content #blog-entries #post {
    background-color: #fff;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 25px;
    }
    
    /*Display background on pages*/
    #primary .single-page-article{
    	background-color: #fff;
    	padding-left: 10px;
      padding-right: 10px;
    	padding-bottom: 25px;
    }
    
    /*Background display in entries with comments */
    #comments {
    	background-color: #fff;
    	padding-left: 10px;
      padding-right: 10px;
    }
    
    /*rubric description*/
    #content .tax-desc {
    	background-color: #fff;
    	padding-top: 10px;
    	padding-left: 10px;
      padding-right: 10px;
    	margin-bottom: 30px;
      padding-bottom: 30px;
    }
    

    Only in the text of the post does not want to display!?

    As I understand the problem with strings:

    
    <header class = "entry-header clr">
    <ul class = "meta clr">
    <div class = "entry-content clr" itemprop = "text">
    

    either they need to be grouped somehow, but I don’t know in which file to do it … Or somehow create css code …!?

    • This reply was modified 1 year, 1 month ago by slypro.
    • This reply was modified 1 year, 1 month ago by slypro.
    • This reply was modified 1 year, 1 month ago by slypro.

    Do you want to have space between the sections? Go to Customize > General option > General Settings and select ‘Separate’ layout. Remove all the code you have added to change the background color.

    Thank you very much! Everything turned out to be much easier, just did not notice all these moments! Now everything is updated in a new way and it works! I wanted to ask, with this modified look, how to make a fixed menu! To scroll the page this logo remained in its place, and the menu moved!?

    • This reply was modified 1 year, 1 month ago by slypro.

    You need to use Ocean Sticky Header for that. You can also try Ocean Stick Anything plugin to make the elements sticky – https://wordpress.org/plugins/ocean-stick-anything/

    I tried to install them, but it does not work! With the Ocean Sticky Header, it captures the logo and menu, and Ocean Stick Anything marked the class “.bottom-header-wrap” in the string, but it doesn’t work!

    I didn’t understand. What do you mean by captures the logo and menu?

    If you have the Sticky header, then no need to use Stick Anything plugin. After installing the Ocean Sticky Header plugin, go to Customize > Sticky Header and edit the settings as per your need.

    Are you a paid user of OceanWP? If yes, then please contact the support on oceanwp.org.

    No, I use for free. Right now I have installed the Sticky Header OceanWP plugin and now, for any change, the title and menu go together. And I would like to just the menu!?

    OceanWP sticky header is a premium plugin. And in this plugin, there is an option in the Customize > Header > General to only stick the menu not the logo part.

    Tell me this is done in the paid version?

Viewing 15 replies - 1 through 15 (of 103 total)
  • The topic ‘OceanWP blog background color’ is closed to new replies.